가상클래스_첫줄적용.html하위선택자
>공백을 통해 부자관계를 구분한다.
ex)#navigation li{color:blue;}
선택자 그룹화
> ","로 구분해서 넣어주면 된다.
ex)h1, #link{ color:red;}
자식선택자(ie6에서
적용안됨)
>부모의 직접적인 자식에게만 적용이 되고 > 로
구분한다.
ex) #navigation > li{border:1px solid red;}
★가상클래스★
같은
선택자이지만 상황에따라 다르게 적용되게 만든다.
ex).note p:first-child {
color:red; }
.note2 p:first-line { color:green; }
.note3 p:first-letter {
font-size:20px; color:green; font-weight:bold; }
