CSS样式中选择器声明

时间:2021-04-16

  前面,我们讲述了CSS的常规声明方式,即采用“selector{property:value}”的方式来定义,此外还有“集体声明”和“嵌套声明”两种方式。

  在集体声明里,我们可以为多个HTML标签声明同一个CSS样式,比如在下面的CSS代码里,同时为h1到h5标签声明了相同的样式。

1.h1,h2,h3,h4,h5,p{
2.color:red;
3.}

  此外,还可以通过嵌套的方式,对特殊位置(一般是多层嵌套)的HTML标签进行声明,比如,当<p>标签里包含<b>时,就可以使用嵌套选择器进行控制。通过下面的代码,我们能更深刻地了解“嵌套”的含义。

1.p b{
2. color:blue;
3. font-family:arial
4.}

  第1行里,声明了p标签(段落标签)内部的b标签(字体加粗标签)的样式,请注意这个CSS仅仅在嵌套时有效,面对单独的b标签是无效的。

  注意:通过在CSS里编写选择器的嵌套代码,我们能大大减少class和id的声明。具体的做法是:通过只给外层标记定义class或者id来引入CSS样式,而内层标记通过嵌套表示来引入样式,而不需再定义新的class或id。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章