CSS选择器

内容转载自: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;} 
发布了46 篇原创文章 · 获赞 42 · 访问量 11万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章