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

lhapaipai
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

lhapaipai
Auteur
Réponse acceptée

merci popotte !

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

ul {
        display: contents;
 }
popotte

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

popotte

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
Auteur

rhoo tu as raison !!