CSS选择符详解

一、类型 取舍符

什么是类型 取舍符？指以网页中已有的标签类型作为名称的行径符 。body是网页中的一个标签类型，div,p,span都是 。
如下：

body {}
div {}
p {}
span {}

二、群组 取舍符

关于XHMTL对象， 可以对一组同时进行了 雷同的 款式指派 。
使用逗号对 取舍符进行了分隔，这样书写的 长处在于同样的 款式 惟独求书写一次即可，削减代码量，改善CSS代码 构造 。
使用时应该 留神"逗号"是在半角模式下，并非中文全角模式 。
如下：

h1,h2,h6,p,span
{
font-size:12px;
color:#FF0000;
font-family: arial;
}

三、包括 取舍符

对某对象中的子对象进行 款式 指导定，这样 取舍 模式就 施展了作用 。
需求 留神的是，仅对此对象的子对象标签有效，关于其它 径自存在或位于此对象以外的子对象，不 利用此 款式设置 。
这样做的 长处在于，帮我们幸免过多的id、class设置，直接对所需的元素进行定义 。
如下：

h2 span
{
color:red;
}
如下：
body h1 span strong
{
font-weight:bold;
}

四、id 取舍符

依据DOM文档对象模型原理所浮现的 取舍符，关于一个XHTML文件，其中的每一个标签都 可以 使用一个id=""的 模式进行一个名称指派，但需求 留神，在一个XHTML文件中id是 存在唯一性而不 可以 反复的 。
在div css布局的网页中， 可以针对不同的 用处进行命名，如头部为header、底部为footer 。
XHTML如下：

<div id="content"></div>

#content
{
font-size:14px;
line-height:120%;
}

五、class 取舍符

其实id是关于XHTML标签的 扩大，而class是对SHTML多个标签的一种组合，class直译的意思是类或类别 。
关于XHTML标签 使用class=""进行名称指派 。与id不同，class 可以 反复 使用，关于多个 款式 雷同的元素， 可以直接定义为一个class 。
使用class的 长处已不言自明，它对CSS代码重用性有良好的体现，很多的标签均 可以 使用一个 款式来定义而不需求每一个编写一个 款式代码 。
XHTML如下：

<p class="he"></p>
<span class="he"></span>
<h5 class="he"></h5>

CSS如下：

.he
{
margin:10px;
background-color:red;
}

六、标签指定式的 取舍符

假如想同时 使用id和class，也想同时 使用标签 取舍符， 可以 使用如下的 模式：

h1#content {}
/* 示意全部id为content的h1标签*/
h1.p1 {}
/* 示意全部class为p1的h1标签*/

标签指定式 取舍符的精度介于标签 取舍符及id/class 取舍符中间，是常用的 取舍符之一 。

七、组合 取舍符

关于上面的全部 取舍符而言，进行组合 使用 。如下：

h1 .p1 {}
/* 示意h1下的全部class为p1的标签*/
#content h1 {}
示意id为content的标签下的全部h1标签
h1 .p1,#content h1 {}
/* 示意h1下的全部class为p1的标签以及id为content的标签下的全部h1标签*/
h1#content h2{}
/*id为content的h1标签下的h2标签*/

CSS 取舍符是十分 自由与灵便的， 可以依据页面的需求， 使用各种 取舍符，尽量 构造化与优化CSS文件.