scss &. 속성, :: 속성

&. 속성은 같은태그에 몇가지 부분만 다르다면 &. 속성으로 나누어 스타일을 주는겁니다. 

예제를 보시죠 

 

예를 들어 test라는 스타일에 one은 margin-top을 30px를 주고 싶고 two는 margin-top: 50px 를 주고싶다면

&.로 나누어 js에서 스타일을 줄 때  

이렇게 주면 둘 다 width:100%, height:100% 가 적용되고 one 은 margin-top: 30px, two는 margin-top:50px 따로 따로 적용됩니다.

 

:: 속성 

예를 들어 input 속성인 placeholder 를 바꾸고 싶다고 한다면

input::placeholder 를 이용하여 placeholder의 스타일을 바꿀 수 있습니다.

 

이렇게 placeholder의 스타일을 주면 됩니다. 오늘의 공부 끝~~!