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

Question

У меня есть класс, как это:

li { 
    color: #ccc; 
    font-size: 12px; 
    position: fixed; 

    /* and some other properties */ 
} 

Теперь у меня есть этот элемент, который я хочу, чтобы исключить эти свойства выше на него:

<li class="has_not_any_property"></li> 

делает это возможным?

Answer 1

Просто используйте :not property.A Отрицание псевдо класс

li :not(.has_not_any_property) { 
     color: #ccc; 
     font-size: 12px; 
     position: fixed; 
    } 

Для более старых браузеров, которые не поддерживают CSS3 вы можете просто дать щёток или наследуемые значения с помощью unset

Из документации

https://developer.mozilla.org/en-US/docs/Web/CSS/unset

Это ключевое слово сбрасывает свойство наследуемое значение, если оно наследует от его родителя или его начального значения, если нет. Другими словами, он ведет себя как ключевое слово inherit в первом случае и как начальное ключевое слово во втором случае.

li.has_not_any_property { 
    color:unset; 
    position: unset 
    font-size: unset; 
} 

Answer 2

Используйте CSS not псевдо-класс:

li:not(.has_not_any_property) { 
    color: #ccc; 
    font-size: 12px; 
    position: fixed; 
} 

Документация здесь: https://developer.mozilla.org/en-US/docs/Web/CSS/:not