這個問題在這里已經有了答案： 更改除懸停一個以外的所有元素的不透明度 1 個答案 37 分鐘前關閉。
期望的行為是 - 當一個孩子懸停時，所有其他孩子都應該是灰色的。我無法真正理解結構和選擇器。
因此，鑒于：
<div class="parent">
<div class="child">
<div class="child">
<div class="child">
</div>
如果默認情況下所有.child專案都有一個color: black，那么.child:hover應該是color: red，但是，基本上（偽代碼）.child:not(:hover)應該是color: grey，這種方法的問題是它會覆寫默認值black（grey因為默認情況下，當結構呈現時，所有專案都不會懸停，因此，它需要檢查某種“在您懸停一個專案之后”）。
可以使用JS。我嘗試使用 JS 向其他孩子添加類，只玩懸停類本身等等，但無濟于事。
將不勝感激一些幫助。
uj5u.com熱心網友回復：
當子項懸停時，其父項也懸停，因此您可以使用此事實來設定顏色。
在此代碼段中，父級將顏色設定為黑色。當它懸停時，它將其設定為灰色。
通過將顏色設定回黑色（或者可以是您想要突出顯示懸停的顏色的任何顏色）來覆寫正在懸停的孩子。
.parent {
color: black;
}
.parent:hover {
color: gray;
}
.child:hover {
color: black;
}<div class="parent">
<div class="child">Child 1</div>
<div class="child">Child 2</div>
<div class="child">Child 3</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/412965.html
標籤：