CSS选择器

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

 

posted @ 2010-08-17 17:16  aito  阅读(216)  评论(0编辑  收藏  举报