王栩的文字

关注

css hover后控制同级元素样式

王栩的文字

关注

阅读 62

2023-02-14


​​~​​

[data-has-dropdowns]:hover ~ .data_site_mark {
height: 100vh;
}

​​+​​​ 只能控制兄弟元素 最接近目标元素的元素生效
例如如下

[data-has-dropdowns]:hover + .data_site_mark {
height: 100vh;
}

css hover后控制同级元素样式_css


只有最右边的一个li hover后 .data_site_mark 才改变


相关推荐

雅典娜的棒槌

CSS鼠标hover给元素加边框后发生移动

雅典娜的棒槌 120 0 0

Gaaidou

引入css样式表后,元素不显示样式

Gaaidou 72 0 0

程序员漫画编程

CSS样式:伪元素

程序员漫画编程 73 0 0

婉殇成长笔记

JS 隐藏同级的元素后只显示JS文件

婉殇成长笔记 71 0 0

无愠色

jquery 设置hover样式

无愠色 88 0 0

大雁f

css - 06数据元素样式

大雁f 124 0 0

witmy

[CSS]样式属性+元素设置

witmy 15 0 0

生命中最美的是成长

CSS的行内样式与内联样式,CSS元素分类

生命中最美的是成长 147 0 0

晚熟的猫

css属性:hover

晚熟的猫 174 0 0

ZMXQQ233

css控制表单样式

ZMXQQ233 43 0 0

精彩评论(0)

0 0 举报