css 의 style 과 jsx 에서 하드코딩된 style 이 겹치면 어떻게될까?

css 의 style 과 jsx 에서 하드코딩된 style 이 겹치면 어떻게될까?

=> jsx 의 스타일이 더 우선순위로 적용된다.

 

//in css
.contain {
	background-color: red;
   };
 
 // jsx

<div className="contain" style={{backgroundColor: "blue" }}></div>

일 경우,

jsx 의 css 가 더 우선순위로 적용되어 background-color 는 blue 가 된다.