CSS是一项出色的技术，它使得网页的结构和表现样式完全分离。利用CSS选择器能轻松地对某个元素添加样式而不改动HTML结构，只需通过添加不同的CSS规则，就可以得到各种不同样式的网页。要使某个样式应用于特定的HTML元素，首先需要找到该元素。在CSS中，执行这一任务的表现规则称为CSS选择器。常用的CSS选择器分类表如下表：
|
选择器 |
语法 |
描述 |
示例 |
| 标签选择器 |
E{CSS规则} |
以文档元素用为选择符 |
a{ text-decoration:none; } |
| ID选择器 |
#ID{CSS规则} |
以文档元素的唯一标识符 ID作为选择器 |
#p{ fone-size:14px; } |
| 类选择器 | E.className{CSS规则} | 以文档元素的class作为选择符 |
.p{ fone-size:14px; } |
| 群组选择器 |
E1,E2,E3{ CSS规则 } |
多个选择符应用同样的样式 | td,p,div.a{fone-size:14px;} |
| 后代选择符 |
E F { CSS规则 } |
元素E的任意后代元素F | #links a{color:red;} |
| 通配符 |
*{ CSS规则 } |
以文档的所有元素作为选择符 | *{fone-size:14px;} |
几乎所有主流浏览器都支持上面这些常用的选择器。
此外CSS中还有:
伪类选择器：(E:Pseudo-Element{CssRules})、
子选择器：(E>F{CssRules})
临近选择器：(E+F{CssRules})和属性选择器(E[attr]{CssRules})等，
但主流的浏览器并非完全支持所有的Css选择器。
更加详细的介绍可以参考http://www.w3.org/TR/CSS2/selector.html
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。