[DEV] Des EXPERTS en HTML / CSS ici ?

Je veux appliquer un style à une seule DIV
Et je ne veux pas que les autres attributs CSS que j'ai écrit pour les autres DIV ne s'applique à cette DIV en question

Y'a une solution ?

<div class="troufion"></div>

.troufion {
//attributs
}

Si t'as un exemple de code c'est mieux parce que je suis pas sûr d'avoir compris ton problème là

Le 13 janvier 2022 à 18:51:14 5BigsMacs a écrit :
<div class="troufion"></div>

.troufion {
//attributs
}

Oui mais là, le CSS que j'ai ecrit sur les autres div s'appliquent a ma div que je veux isoler

EN gros j'ai
*{text-align:center
}

par exemple sur ma page, et je veux que ca ne s'applique pas sur une div spécifique
sans devoir reecrire "text-align:right" par exemple sur ma div specifique

Ha oué t'es un génie

Bah tu te fais chier à rajouter un style="le css" dans la <div>

Le 13 janvier 2022 à 18:53:47 :

Le 13 janvier 2022 à 18:51:14 5BigsMacs a écrit :
<div class="troufion"></div>

.troufion {
//attributs
}

Oui mais là, le CSS que j'ai ecrit sur les autres div s'appliquent a ma div que je veux isoler

EN gros j'ai
*{text-align:center
}

par exemple sur ma page, et je veux que ca ne s'applique pas sur une div spécifique
sans devoir reecrire "text-align:right" par exemple sur ma div specifique

n'utile pas * alors, comme tu sais c'est pour l'appliquer à tous les élements

T'es obligé de ré-écrire text-align: right du coup

<div id="test ">

et dans ton css

\# test { ... } (enlève le \)

Avec :not c'est possible

<div class="troufion"></div>
<div />

.troufion {
//attributs
}
div:not(.troufion) {
//Attributs
}

Le 13 janvier 2022 à 18:55:31 web_distribue a écrit :

Le 13 janvier 2022 à 18:53:47 :

Le 13 janvier 2022 à 18:51:14 5BigsMacs a écrit :
<div class="troufion"></div>

.troufion {
//attributs
}

Oui mais là, le CSS que j'ai ecrit sur les autres div s'appliquent a ma div que je veux isoler

EN gros j'ai
*{text-align:center
}

par exemple sur ma page, et je veux que ca ne s'applique pas sur une div spécifique
sans devoir reecrire "text-align:right" par exemple sur ma div specifique

n'utile pas * alors, comme tu sais c'est pour l'appliquer à tous les élements

là c'était un exemple
en vrai la codebase est beaucoup plus compliquée et j'ai pas envie de toucher au reste car ca fera un bordel monstre

et je me rappelle plus du nom mais tu as un attribut !important qui donne la prio

Le 13 janvier 2022 à 18:57:06 pnjed a écrit :
Avec :not c'est possible

<div class="troufion"></div>
<div />

.troufion {
//attributs
}
div:not(.troufion) {
//Attributs
}

merci khey, mais dans le :not, je rajoute tout ce que je ne veux pas que ca s'applique ?

Le 13 janvier 2022 à 18:57:25 :

Le 13 janvier 2022 à 18:55:31 web_distribue a écrit :

Le 13 janvier 2022 à 18:53:47 :

Le 13 janvier 2022 à 18:51:14 5BigsMacs a écrit :
<div class="troufion"></div>

.troufion {
//attributs
}

Oui mais là, le CSS que j'ai ecrit sur les autres div s'appliquent a ma div que je veux isoler

EN gros j'ai
*{text-align:center
}

par exemple sur ma page, et je veux que ca ne s'applique pas sur une div spécifique
sans devoir reecrire "text-align:right" par exemple sur ma div specifique

n'utile pas * alors, comme tu sais c'est pour l'appliquer à tous les élements

là c'était un exemple
en vrai la codebase est beaucoup plus compliquée et j'ai pas envie de toucher au reste car ca fera un bordel monstre

Sans toucher ca fera un truc dégueulasse, sinon la règle css la plus basse est celle qui est priorisée, donc fais le post 1