其实在之前读过的《HTML and CSS Design and Build Websites中就有列举了所有的这些东西,现在重新看到了,而且里面也包含了一些CSS中没有的,所以就记下来吧,可能会记得牢一些。。。

1.Descendent selectors。如:#navBar a 选择idnavBar的元素下面的所有a标签。

 

2.Child selectors。如:body > p 选择body标签下的所有p标签,p标签与body标签中间没有其它标签,即p是body的直接子元素。

 

3.Adjacent sibling。如:h2+div 选择直接跟在h2标签后面的div标签。

 

4.Attribute selectors。如:img[alt] 选择所有具有alt属性的img标签;‚input[type=”text”] 选择所有type属性值为text的input标签:a[href=”http://”] href属性值以http://开头的a标签、a[href$=”.pdf”] href属性值以.pdf结尾的a标签、a[href*=”missingmanual.com”] href属性值中包含有missingmanual.com的a标签。

 

5.:even :odd选择所选元素中的第奇数个或第偶数个。

 

6.:first :last 选择所选元素中的第一个或最后一个。

 

7.:not() 剔除所选元素中不符合条件的某类元素。如:a:not(.navButton) 选择没有navButton类的a标签。

 

8.:has() 选择所选元素中符合条件的某类元素。如:li:has(a) 选择拥有a子元素的li标签。

 

9.:contains() 选择包含所指定文本的元素。如:a:contains(Click me!) 选择标签内有Click me!文本的元素。

 

10.:hidden:visible 选择在页面上被隐藏或可见的元素。

 

posted on 2013-04-09 13:08  RedHood  阅读(178)  评论(0编辑  收藏  举报