14 . CSS选择符

14.1. CSS选择符语法
14.2. CSS选择符简写方式
14.3. HTML文档树(元素的包含与排列关系)
14.4. CSS类型选择符
14.5. CSS全局选择符
14.6. CSS类选择符
14.7. CSS ID选择符
14.8. CSS组合选择符
14.8.1 CSS E F 包含选择符
14.8.2 CSS E > F 子对象选择符
14.8.3 CSS E + F 直接相邻选择符
14.8.4 CSS E ~ F 普通相邻选择符
14.9. CSS属性选择符
14.9.1 CSS E[att] 属性名选择符
14.9.2 CSS E[att=val] 属性值选择符
14.9.3 CSS E[att~=val] 属性值选择符
14.9.4 CSS E[att|=val] 属性值选择符
14.9.5 CSS E[att^=val] 属性值子串选择符
14.9.6 CSS E[att$=val] 属性值子串选择符
14.9.7 CSS E[att*=val] 属性值子串选择符
14.10. CSS选择符总结

CSS教程的基础语法小节中简单讲解了CSS选择符的定义与用法,例如类型选择符、类选择符、ID选择符,以及选择符如何使用到HTML文档中

CSS选择符还有很多种变化方式,本章将详细介绍所有的CSS选择符的定义、语法,其中部分CSS选择符是CSS3定义的,某些浏览器还不能完善支持

微软的IE浏览器对CSS选择符支持的不够完善,尤其IE6浏览器很多CSS选择符不支持,最新版本Firefox、Opera、Safari、Chrome浏览器,对CSS选择符支持较好

目前的CSS选择符为应用文档样式提供了更多的灵活性与方法。CSS2极大的扩充了CSS1定义的选择符,CSS3又增加了更多的选择符与伪类。(由于部分CSS3选择符、伪类与伪元素某些浏览器不支持,这里只简单介绍)

本节我们将学到:

  • 选择符的语法
  • 选择符的简写方式
  • HTML元素的包含与排列关系
  • 全局选择符(Universal selector)
  • 类型选择符(Type selectors)
  • 类选择符与ID选择符
  • 组合选择符,包含选择符(Descendant selectors),子对象选择符(Child selectors),直接相邻选择符(Adjacent sibling combinator),普通相邻选择符(General sibling combinator)
  • 属性名选择符、属性值选择符与属性值子串选择符


  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都