位置: IT常识 - 正文
推荐整理分享css普通兄弟选择器如何理解(css选择上一个兄弟),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:css上一个兄弟选择器,css选择上一个兄弟,css3兄弟选择器分为,html5兄弟选择器,css怎么选择兄弟元素,html兄弟选择器,css怎么选择兄弟元素,css选择兄弟节点,内容如对您有帮助,希望把文章链接给更多的朋友!
1006
1、CSS普通兄弟选择器是指所有连接到另一个元素的元素,两者都有相同的父元素。
2、普通兄弟选择器使用波浪号(~)作为普通兄弟的结合符。
实例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>普通兄弟选择器</title><style>.ancestor{width:500px;height:300px;.parent{width:300px;height:200px;.child{width:200px;height:100px;/*定位的是.child1的后面兄弟为div的元素*/.child1~div{background-color:lightcoral;</style></head><body><div>thisisancestor.<div>thisisparent.<div>thisischild0.</div><div>thisischild1.</div><div>thisischild2.</div><div>thisischild3.</div></div></div></body></html>上一篇:java强制类型转换的使用(java强制类型转换有哪些)
下一篇:2022最新完美破解微擎小程序前端后端模块牛牛盲盒、牛牛盲盒小程序、盲盒小程序-电脑学习网破解(完美破解什么意思)
友情链接: 武汉网站建设