유용!
참고로 , 콤마는 comma
마침표 . 는 period
*는 asterisk
https://css-tricks.com/multiple-class-id-selectors/
.a
.a .b
.a, .b
.a.b
위 세개가 전부 다름.
.a, .b{
.a와 .b 클래스를 쓰는 전부 적용
}
.a .b{
.a클래스를 부모로 가진 .b클래스를 사용하는 자식에게 적용
}
즉
<div class="a">
<div class = "b">
//여기에만 적용
</div>
</div>
.a.b{
a와 b 동시에 모두 쓰는 클래스에만 적용
}
<div class="a b">
//에만 적용
</div>
이정도 봤으면 css는 :하고 ::빼고 전부 다 본것 같다.
:하고 ::는 특수 적용 할때 쓰임. 예로 ' ::앞부분 적용 '을 css 스타일링에 같다 붙여서 이를 p태그에 같다 붙이면
해당 스타일링이 그게 적용된 p의 문장에서, 문장 길이가 길어 화면 아래로 자동 줄바꿈 될 때 가장 윗 줄에만 적용됨.\
아 그리고 마지막으로 specific certain 태그에만 같다 붙이고 싶은 경우 태그에는 앞에 셀렉터 안붙임.
p 태그에만 적용되는 a클래스를 만들고 싶다면
p.a {
}
이다.