Voici mon code html : 

<div data-id="1">

<p>Bonjour</p>

</div>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing</p>

<div data-id="2">

<i>Lorem ipsum dolor sit amet, consectetur adipisicing</i>

</div>

Voici mon sélecteur css :

*:not([data-id], [data-id] *)

Il a pour but de sélectionner tous les éléments sauf ceux avec l'attribut data-id et ses enfants

Le sélecteur fonctionne sur Safari mais pas sur Chrome ni sur Firefox

Avez vous une idée de comment faire pour le faire fonctionner partout ?

Salut !

Je te laisse check cette page.

Tu trouveras un tableau de compatibilité des navigateurs. Uniquement Safari supporte les listes avec ce sélecteur.

Tu peux tester les différentes fonctionnalités sur ce site : Can I Use ?

Je n'avais jamais vu ce sélecteur auparavant, et je ne vois pas trop son utilité, je trouve préférable de mettre une classe sur les blocs concernés.

Cordialement