選擇相鄰兄弟

Question

的孩子的標記，如：

<span class="location-title-container"> 
</span> 

<div class="content-panel"> 
    <div class="floor-left-panel"></div> 
    <div class="floor-right-panel"></div> 
</div> 

如何選擇.floor-left-panel上空盤旋.location-title-container什麼時候？

Answer 1

你必須使用相鄰的選擇器來獲取它後面的元素。 你的選擇應該是這樣的：

.location-title-container:hover + .content-panel .floor-left-panel { … } 

只是爲了您的信息，你不應該在span標籤使用:hover。 默認情況下它們不可訪問。您應該添加一些WAI ARIA角色標籤。

Answer 2

.location-title-container:hover + .content-panel .floor-left-panel {}是您需要的選擇器。

加號用於選擇DOM中的下一個相鄰元素。