28132 sujets

CSS et mise en forme, CSS3

Bonjour

Existe-t'il un moyen de"cibler" un groupe de sélecteurs ?
exemple :

#a-item {}
#b-item {}
#c-item {}
#d-item {}
Je souhaite que tous les sélecteurs contenant le mot "item" ait une police rouge par exemple...

Merci !

Olivier
Modifié par gcyrillus (24 Jul 2023 - 16:35)
Modérateur
Bonjour,

oui, il y a plusieurs possibilité :

* https://developer.mozilla.org/fr/docs/Web/CSS/Attribute_selectors
par exemple : [id*=item]{/*styles*/} ou [id$=item]{/*styles*/}

et aussi les selecteur :is() https://developer.mozilla.org/fr/docs/Web/CSS/:is et :where() https://developer.mozilla.org/fr/docs/Web/CSS/:where où tu peut regrouper plusieurs selecteur s'ils n'ont pas d'attribut commun avec une chaine commune .La difference de ces deux là et que l'un donne un poids supplémentaire au sélecteur et l'autre non.
exemple :where(#a-item,#b-item,#c-item ,#d-item) {/*styles*/} et :is(#a-item,#b-item,#c-item ,#d-item) {/*styles*/} qui aura un poids plus important (spécificité).
Modifié par gcyrillus (24 Jul 2023 - 16:34)