CSS ignorer un élément pour la mise en forme

Par lhapaipai, il y a 4 ans

Les bases HTML/CSS

Bonjour,

Il existe une propriété CSS, qui permet d'ignorer l'élément conteneur et de styliser les enfants comme si le conteneur n'existait pas. Elle est utile quand on est obligé de mettre certains éléments <ul> mais qu'on ne souhaite pas qu'ils soient présent pour le style.

J'ai oublié son nom et je ne parviens pas à la retrouver sur la toile... :-(

elle permet au moteur css de traiter ceci

<header> <h1>A</h1> <ul> <li>1</li> <li>2</li> </ul> </header> ul { /* un genre de ignore */ }

comme cela

<header> <h1>A</h1> <li>1</li> <li>2</li> </header>

tout en restant valide

Auriez-vous le nom de cette propriété sous la main ?

Merci !!

4 réponses

popotte, il y a 4 ans

Alors si tuu veux simplement annuler l'effet du parent, tu mets la valeur inherit sur la propriete de ta classe enfant:

li color: inherit

Et si tu veux écraser une valeur, tu a juste à ajouter la nouvelle valeur dasn la classe enfant ça va l'écraser

Si vraiment tu veux que le css ne passe pas du tout par le parent, tu peux placer une classe ignore:

<ul class="ignore-css"></ul> .ignore-css all: unset

Par contre IE ne sait pas interpreter cette propriété (EDGE sait l'interpreter) et pareil pour les anciennes versions des navigateurs

lhapaipai, il y a 4 ans

merci popotte !

mais du coup je viens de trouver ce que je cherchais était

ul { display: contents; }
popotte, il y a 4 ans

oh sympa je connaissais pas cette propriété :o

Par contre attention cette propriété a des bug sur safari, les utilisateurs de MAC seront pas très contents x)

lhapaipai, il y a 4 ans

rhoo tu as raison !!