Sélecteur de "groupe"

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)

Salut,

[id*="item"]	 {
  color:red;
}

?

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors
Modifié par _laurent (24 Jul 2023 - 16:28)

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)