当前第2页 返回上一页
第三种形式:它并不可以同时选中 .b 和 .c,只能选中.c.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" />
< title ></ title >
< style >
div{
padding: 20px;
background: rgba(255,0,0,0.2);
}
.a .b .c{
border: 2px solid black;
}
</ style >
</ head >
< body >
< div class = "a" >a
< div class = "b" >b
< div class = "c" >c</ div >
</ div >
</ div >
</ body >
</ html >
|
还有一点需要注意如下代码:在类名为c的p中嵌套了一个p 中再嵌套了一个类名为c的p,这时同样会被选中
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" />
< title ></ title >
< style >
div{
padding: 20px;
background: rgba(255,0,0,0.2);
}
.a .b .c{
border: 2px solid black;
}
</ style >
</ head >
< body >
< div class = "a" >a
< div class = "b" >b
< div class = "c" >c
< div >
< div class = "c" >span</ div >
</ div >
</ div >
</ div >
</ div >
</ body >
</ html >
|
(学习视频分享:css视频教程)
以上就是css后代选择器有哪些的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
如何下载css里的图片
css如何选择元素
css如何设置文字超出省略号
html中表单的相关知识总结(代码实例)
css怎么设置文本框宽度
如何复制网页css
css三种颜色写法是什么
css怎么设置图片的对比度
css中border是什么意思
css样式的注释怎么写
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css后代选择器有哪些