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.9. CSS属性选择符
- 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)
- 属性名选择符、属性值选择符与属性值子串选择符
From "CSS选择符 - CSS教程"