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

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

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

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

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

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

Ответы

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

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

:not(a) > code

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

code {
    /* some styles */
}

a code {
    /* override previous styles */
}