Как отобразить: нет в предыдущем брате, используя 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; 
}