Sélecteur CSS pour "not a child of element type" ?

Question

Je veux styliser code qui ne sont pas à l'intérieur a tags.

Quelle est la meilleure approche pour y parvenir ?

code:not(a code) ne semble pas fonctionner du tout, du moins sur Chrome, même si elle il semble que cela devrait

Je n'arrive pas non plus à le faire fonctionner depuis la console.

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

Answer 1

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

Si nous parlons de son parent direct :

:not(a) > code

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

code {
    /* some styles */
}

a code {
    /* override previous styles */
}

Answer 2

En fait, vous devriez pouvoir utiliser votre code, ou vous pourriez utiliser le caractère de remplacement pour sélectionner tous les éléments à ne pas sélectionner.

code:not(a *) {
  font-weight: bold;
}

Codepen