内容转载自:http://www.jb51.net/css/122954.html
整理一下,方便以后查看。
CSS选择器种类:
标签选择器
div{
font-size:16px;
}
类选择器
与标签的class相关
<a class="className" href="xxxx">xxxx</a>
.className{
font-size:16px;
}
id选择器
<a id="idName" href="xxxx">xxxx</a>
#idName{
font-size:16px;
}
全局选择器
它能作用于XHTML文档中的所有元素
*{
font-size:16px;
}
组合选择器
标签选择器、类选择器和ID选择器是可以组合起来使用的。一般的组合方式是标签选择器和类选择器组合,标签选择器和ID选择器组合。
一般用在重复出现并且样式相同的一些标签里,比如 li td dd等。
比如
<h1 class="red">标题一</h1>
H1.red {
color: red;
}
继承选择器
学习使用继承选择器就必须先了解文档树和CSS的继承。每个XHTML都可以被看作一个文档树,文档树的根部就是html标签,而head和body标签就是其子元素。在head和body里的其他标签就是html标签的孙子元素。整个XHTML就呈现一种祖先和子孙的树状关系。CSS的继承是指子孙元素继承祖先元素的某些属性。以下通过实例来详细讲解这两个重要的CSS概念。
文档树 CSS的继承 继承选择器
<div class="test">
<span><img src="xxx" alt="示例图片"/></span>
</div>
.test span img {border:1px blue solid;}
div span img {border:1px blue solid;}