프로그래밍/CSS 3.0

CSS 속성 셀렉터 [속성=값][속성 ~= 값][속성 ^= 값][속성 $= 값][속성 *= 값]

쇠주는참이슬 2012. 3. 19. 16:21
a[rel = "external"]  a 태그 속성에 rel이 external 일경우

a[rel ~= "external "] a태그 속성에 rel 값중에 external 이 존재하는 경우  

a[href ^= "http"] a 태그 속성에 href 값이 http로 시작하는경우

a[href $= "com"] a 태그 속성에 href 값이 com으로 끝나는 경우
 

a[rel *= "ext"] a 태그 속성에 rel 값중에 ext라는 단어만 존재하는 경우


<style>
a[rel *= "e"]{
background:gray
}
</style>

<a href="http://asdfasf.com rel="external">
<a href="http://asdfasf.com rel="#"> 
<a href="http://asdfasf.com rel="#">  

css는 어려워..