使用css选择器控制html标记的时候,每个选择器的属性可以一次声明多个,选择器本身也可以同时声明多个。并且,任何形式的选择器,都是合法的,标记选择器,class选择器和id选择器都可以集体声明。在声明css选择器时,如果某些选择器的风格是完全相同的,或者部分相同,这时便可以使用集体声明的方式,将风格相同的选择器同时声明。
集体声明
集体声明h1
集体声明h2
集体声明h3
集体声明h4
集体声明h5
集体声明p1
立即学习“前端免费学习笔记(深入)”;
集体声明p2
集体声明p3
全局声明
对于实际网站中,如果希望页面中所有的标记都使用同一种CSS样式,但是,又不希望逐个来集体声明,这是可以使用全局声明符号*来声明。
集体声明
集体声明h1
集体声明h2
集体声明h3
集体声明h4
集体声明h5
集体声明p1
立即学习“前端免费学习笔记(深入)”;
集体声明p2
集体声明p3
可以看出两种声明效果完全一样,但是,使用全局声明会使代码大大的减少。
选择器的嵌套
在CSS选择器中,可以使用嵌套的方式,对特殊位置的HTML标记进行声明。
比如,控制p标记中的b标记
CSS选择器的嵌套声明
嵌套使用CSS标记的方法
嵌套之外的标记不生效
嵌套选择器,使用非常的广泛,不仅只是嵌套的标记本身,类别选择器和ID选择器都可以进行嵌套。
下面的代码使用了三层嵌套,实际上更多层次的嵌套都是允许的,表示.top类别的
标记,其中包含的标记,所声明的样式风格。
td.top .top1 strong{ font-size:16px; }其他内容CSS控制的部分其他内容
选择器的嵌套,在CSS中可以大大减少对class和id的声明,因此,在构建页面的HTML时,通常只给外层标记定义class或者id,内层标记能通过嵌套表示的则利用嵌套的方式,从而,不需要再定义新的class或者id,只有当子标记无法利用此规则时,才进行单独的声明。










