鍍金池/ 問答/HTML/ css選擇器怎么選擇和他平級的元素?

css選擇器怎么選擇和他平級的元素?

<div class="a"></div>
<div class="b"></div>
用鼠標(biāo)移動到a上改變b的背景色,使用css實現(xiàn)。
回答
編輯回答
賤人曾

.a:hover+.b

2017年9月5日 06:10
編輯回答
野橘

樓上兄弟給的答案能完美解決你題目中的例子。
+僅僅適用于緊鄰其后的平級元素,如果a和b中間再多個元素c,那么使用.a:hover+.b就無效了。
推薦使用 ~,它可以選擇該元素后續(xù)所有平級元素

.a:hover~.b {
    color: red;
}
2018年8月2日 05:44