如何顯示：none到之前使用CSS3的兄弟之後？

Question

在我的項目中，我有一個menu（列表），並在每個<li>後插入一張圖片，一張divider的小圖。 我希望當我懸停<li>（菜單類）時能夠不顯示任何他以前的兄弟:after。

我有這樣的：

.menu:hover:after { 
    display: none; 
} 

我怎麼能這樣做呢？

Answer 1

我假設你使用插入的圖像：僞類通過內容屬性，如後：

.menu li:after { 
content: 'url(path/to/your/image)'; 
} 

所以，懸停狀態試試這個：

.menu li:hover:after { 
content: none; 
}