Development #24446
réduction de la spécificité des CSS partagées
0%
Description
Aujourd'hui on a dans includes/*.scss une quantité de règles avec une spécificité CSS très haute car se basant sur les identifiants des éléments. Pour ne pas imposer une surenchère dans les sélecteurs utilisés dans les intégrations, pour simplement qu'une intégration puisse se dire "suffit de mentionner un sélecteur par #id et ça sera bon", il faudrait éliminer l'utilisation de sélecteurs par #id de includes/.
Demandes liées
Historique
Mis à jour par Frédéric Péters il y a presque 6 ans
- Lié à Development #24447: réduction de la spécificité des CSS partagées : navigation ajouté
Mis à jour par Frédéric Péters il y a presque 6 ans
- Lié à Development #24448: réduction de la spécificité des CSS partagées : #content ajouté
Mis à jour par Anonyme il y a presque 6 ans
Je propose de penser à éliminer les sélecteurs du type élément.classe
, comme div.cell
parce qu'ils obligent à répéter partout le "div" pour être au supérier ou égal en spécificité dans les thèmes. Peut-être un autre ticket lié ?
Mis à jour par Frédéric Péters il y a presque 6 ans
Vu comme c'était nécessaire (#24448) (presque) tous les sélecteurs div.cell se font déjà avec un sélecteur de type id, nettement plus fort. Donc il y aura déjà moyen de juste y taper .cell.
Je trouverai plus clair une règle posant qu'on gagne en spécificité en posant dans un thème un sélecteur plus fort (#content .cell) plutôt qu'en ajoutant un sélecteur plus faible (div.cell), et ça on n'a pas besoin de modification (autre que #24448); donc pour moi ça ne me semble pas utile de réduire ça. Comme en plus je trouve plutôt utile pour la lisibiltié d'avoir le type de l'élément, je ne suis pas trop tenté par ta proposition.
Mis à jour par Thomas Jund il y a plus de 4 ans
- Lié à Autre #36831: CSS: définir une convention de nommage ajouté