각종 속성 타겟팅.

[attribute="value"]


[class="defaultBase"]:hover {background-color:#0ff;}
div[id="container"]:hover {background-image:url(overImage.png);}

클래스나 ID 도 하나의 속성으로 취급한다.


속성값이 있냐 없냐라는 Boolean 형식의 타겟팅도 가능하다.

<div id="footer">
     <img src="_Image_Source/live0.png" alt="live0POP" />
</div>

div#footer img[alt]:hover {border-bottom:2px solid #f00;}

물론 #footer img[alt="live0POP"] 도 동일하다.




CSS 파일내에서의 경로기준은 현재 CSS 파일 위치다.