使用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类别的
标记中,包含的.top1类别的
标记,其中包含的标记,所声明的样式风格。
td.top .top1 strong{font-size:16px;}其他内容CSS控制的部分其他内容
选择器的嵌套,在CSS中可以大大减少对class和id的声明,因此,在构建页面的HTML时,通常只给外层标记定义class或者id,内层标记能通过嵌套表示的则利用嵌套的方式,从而,不需要再定义新的class或者id,只有当子标记无法利用此规则时,才进行单独的声明。
以上就是什么是选择器的声明与嵌套? CSS选择器的声明与嵌套 的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1608535.html
微信扫一扫
支付宝扫一扫