网站是哪个公司做的好处,网站没排名怎么办,网络课程系统网站建设费用,个人网站案例场景举例#xff1a;当子元素有增加了一个class时#xff0c;需要影响其父元素的样式
可以使用:has伪类来实现选择父元素的效果
style.parent:has(.child){background-color: #eee;}p{width:100px;border:1px solid #000;}
/style
body当子元素有增加了一个class时需要影响其父元素的样式
可以使用:has伪类来实现选择父元素的效果
style.parent:has(.child){background-color: #eee;}p{width:100px;border:1px solid #000;}
/style
body
div classparentp class测试效果/p
/div
/body style.parent:has(.child){background-color: #eee;}p{width:100px;border:1px solid #000;}
/style
body
div classparentp classchild测试效果/p
/div
/body 可以看到当p元素拥有child类时父元素的样式发生了改变