Sélecteur CSS pour pas un enfant de type d'élément?

Question

Je veux styler code éléments qui ne sont pas dans les balises a.

Quelle est la meilleure approche pour y parvenir?

code:not(a code) ne semble pas fonctionner du tout, du moins sur Chrome, même s'il semble être le cas

Je ne peux pas le faire fonctionner à partir de la console non plus.

Existe-t-il d'autres approches css que je pourrais utiliser pour cela?

Answer 1

:not ne prend pas en charge les sélecteurs combinateurs.

Si nous parlons de son parent direct:

:not(a) > code

Sinon, il n'y a aucun moyen de faire cela en CSS. Vous devrez le remplacer:

code {
    /* some styles */
}

a code {
    /* override previous styles */
}