, исключая конкретные имена классов в CSS Selectors

в CSS, есть случаи, когда вам могут потребоваться исключить конкретные имена классов из ваших селекторов. Это особенно полезно, когда вы хотите применять стили к нескольким элементам, но некоторые из них не должны наследовать эти стили.

один общий сценарий включает в себя исключение элементов с определенным именем класса при применении стилей к элементам с другим именем класса. Давайте рассмотрим следующий пример:

    Design



    Design

В этом примере мы хотим применить цвет фона для элементов с именем класса "Remode_hover" на Hover. Однако мы не хотим применять этот цвет, если элемент также имеет «remode_selected» имя класса. .Remode_Selected .Remode_hover: Hover {} .Remode_hover: Hover {founal-Color: #f0ac00; }

/* Do not apply background-color (leave empty) */
.reMode_selected .reMode_hover:hover { }

.reMode_hover:hover { background-color: #f0ac00; }

. Remode_hover: не (.Remode_selected): Hover {founal-color: #f0ac00; }

 Это правило применит цвет фона к элементам .Remode_hover, которые не имеют имени .Remode_Selected Class. В результате, только первая ссылка получит цвет фона на пахни, а вторая ссылка не будет.