Блог

Главная - Вопросы по программированию - Как я могу исключить определенный класс из свойства CSS?

Как я могу исключить определенный класс из свойства CSS?

#html #css

Вопрос:

Я пытаюсь не применять гувера к одному из моих классов CSS с помощью селектора :не ().

 .left-menu-sidenav a:not(.selected):hover {
    background-color: #6689E6;
    color: white;
    width: 100%;
}
 
 <div className="left-menu-sidenav">
    <a href="/">
      <img alt={"left-menu"} className="left-menu-logo-image selected" src={left_menu_logo}></img>
    </a>
</div>

У меня на странице много тегов, и я должен сохранить этот логотип в «левом меню».

Что я пропустил, чтобы исключить наведение из этого конкретного класса?

Комментарии:

1. будьте более конкретны в своем вопросе ??

2. Что означает это предложение? «Я должен сохранить этот логотип в «левом меню-sidenav»»

Ответ №1:

Это a:not(.selected) перенаправление на селектор <a> тегов, но в вашем HTML-коде вообще нет класса, только <img/> внутри него есть selected класс.

Подумайте, почему у вашего изображения есть этот класс, что его переключает.
Вероятно, его следует переместить в родительский <a> тег

Метки: