-- 创造无限可能

css技巧:同级样式控制,当存在某元素时给另外的元素添加样式

2023-05-17 17:37:26
368 人浏览 0 人点赞
有用,点赞支持一下

场景

html中有的元素时动态生产的,有时候需要根据一个元素是否存在来设置另一个元素的样式

同级样式控制 +

指处在统一层级的元素的hover控制关系。

// 当e1元素鼠标经过时,设置e2元素的样式
.e1:hover + .e2{
    background-color: #fff;
}
// 当e1元素存在时,设置e2元素的样式
.e1 + .e2{
    background-color: #fff;
}