Селектор CSS для не дочернего элемента типа?


Я хочу, чтобы стиль code элементы, которые не внутри a теги.

каков наилучший подход для достижения этой цели?

code:not(a code) Кажется, не работает вообще, по крайней мере, на Chrome, хотя это кажется, что он должен

Я не могу заставить его работать из консоли либо.

есть ли другие css-только подходы, которые я мог бы использовать для этого?

1 53

1 ответ:

:not не поддерживает селекторы комбинатора.

Если мы говорим о его прямой родитель:

:not(a) > code

В противном случае нет никакого способа сделать это в CSS. Вам придется переопределить его:

code {
    /* some styles */
}

a code {
    /* override previous styles */
}