在CSS中使用〜

Question

.main-navigation ul li.menu-item-has-children:hover~li { 
    opacity: 0; 
} 

取自我的WordPress主題。 〜li（〜字符）的含義是什麼？

謝謝

Answer 1

預〜p選擇的意思是「由一個PRE元件之前每個P元件」，但，不同於預+ P相鄰選擇器，該元件不必須是直接前元件。

因此，這一段也應該是紅色的。雖然它不是直接在a前面，但是這是一個普通的先前的兄弟姐妹。

這是一個div中的段落。由於本段沒有作爲前一個兄弟姐妹（它更像是一個叔叔;該段的父節點的前一個兄弟），它不應該是紅色的。