Я создаю выпадающее меню. Мне нужно, когда я наводил курсор на вкладку, прозрачность других вкладок в меню изменяется, за исключением текущей вкладки, которую я наводил.
Пример: когда я нажимаю на вкладку "Главная", вкладка "Состояние" и элемент списка не изменяются (желтый цвет, непрозрачность = 1), но изменяются другие вкладки ("Учебник, статья, вдохновение") (серый цвет, непрозрачность = 0,5)
<code>http://jsfiddle.net/dennisho/6fX42/2/</code>
Нет выбора селектора, который будет выбирать всех братьев и сестер, чтобы помочь выбрать другие элементы меню, но вы можете использовать :not
селектор
nav > ul:hover li:not(:hover) {
opacity:0.5;
}
Вы могли бы сделать что - то вроде этого.
nav ul li {
background-color: yellow;
}
nav ul li:first-of-type {
border-top-left-radius:25px;
border-bottom-left-radius:25px;
}
nav ul li:last-of-type {
border-top-right-radius:25px;
border-bottom-right-radius:25px;
}
nav > ul li:hover{
opacity:1;
}
nav > ul li:not(:hover){
opacity:0.5;
}
Но, пожалуйста, включите соответствующий вопрос в свой вопрос, чтобы он был полезен и для других людей.