CSS选择器的声明与嵌套
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
CSS选择器的声明与嵌套
使用CSS选择器控制HTML标记的时候，每个选择器的属性可以一次声明多个，选择器本身也可以同时声明多个。
并且，任何形式的选择器，都是合法的，标记选择器，class选择器和ID选择器都可以集体声明。
集体声明
在声明CSS选择器时，如果某些选择器的风格是完全相同的，或者部分相同，这时便可以使用集体声明的方式，将风格相同的选择器同时声明。
[html]view plain copy
print?
1.
2.
3.
6.
17.
18.
19.
20.
集体声明h1
21.
22.
集体声明h3
23.
集体声明h4
24.
集体声明h5
25.
集体声明p1
26.
集体声明p2
27.
集体声明p3
28.
29.
30.
全局声明
对于实际网站中，如果希望页面中所有的标记都使用同一种CSS样式，但是，又不希望逐个来集体声明，这是可以使用全局声明符号*来声明。
[html]view plain copy
print?
1.
2.
3.
6.
17.
18.
19.
20.
集体声明h1
21.
22.
集体声明h3
23.
集体声明h4
24.
集体声明h5
25.
集体声明p1
26.
集体声明p2
27.
集体声明p3
28.
29.
30.
可以看出两种声明效果完全一样，但是，使用全局声明会使代码大大的减少。
选择器的嵌套
在CSS选择器中，可以使用嵌套的方式，对特殊位置的HTML标记进行声明。
比如，控制p标记中的b标记
[html]view plain copy
print?
1.
2.
3.
6.
14.
15.
16.
17.
嵌套使用CSS标记的方法
18.嵌套之外的标记不生效
19.
20.
21.
嵌套选择器，使用非常的广泛，不仅只是嵌套的标记本身，类别选择器和ID选择器都可以进行嵌套。
下面的代码使用了三层嵌套，实际上更多层次的嵌套都是允许的，表示.top类别的
含的.top1类别的
标记，其中包含的标记，所声明的样式风格。
[html]view plain copy
print?
1.td.top .top1 strong{
2. font-size:16px;
3. }
4.
5.
6.其他内容CSS控制的部分其他内容
7.
8.
9.