[CSS] CSS 적용시 주의사항

여기서는 React로 예를들어보겠습니다. 

 

ex) 

<h2 className = "~~~~"> 되있을때 

h2 따로 클래스지정이름("~~~~")따로 적용됩니다. 

 

예를들면 css 선택자로 

h2 { 

margin: 20px 0; 

top:0; 

color:white; 

} 

이렇게한것과

---

 클래스명 { 

  position:relative;

  top:12px; 

  left:-5px; 

}

적용한게 같이 적용됩니다. 

혼동될수 있어서 적어놨습니다.

 

 

실제적용해본예인데 이사진에선 <a className=~~>식으로 적용했었는데 사진 오른쪽과 왼쪽보다싶이 a태그따로 className 따로 적용된 모습을 볼수 있습니다.