28220 sujets

CSS et mise en forme, CSS3

[Résolu] Simplification de code css

body#espace a#espace,
body#sommaire a#espace,
body#assistance a#espace {
propriétés css  }


Comment je peux simplifier ce code sachant que j'ai 7 ou 8 lignes comme ça avec l'ID du body qui change et pas le a#espace ni le reste du code de la partie

C'est juste par curiosité parce que je peux très bien écrire les 8 lignes et ça marchera
Modifié par Pops83 (18 Jul 2005 - 11:25)
Pops83 a écrit :
body#espace a#espace,
body#sommaire a#espace,
body#assistance a#espace {
propriétés css  }


Heu... J'ai la berlue, ou il y a d'abord un problème de validité sur l'utilisation des id dans le HTML ?

Si tu écris en CSS : body#espace a#espace, cela correspond au code HTML:

<body id='espace">
   ...
  <a id="espace"...>


Or 1 seul élément HTML peut avoir l'id #espace...

Sinon, tu peux racourcir en écrivant 
#sommaire #espace
à la place de 
body#sommaire a#espace
oui c'est vrai il y a 2 id espace mais je viens d'en renommer un donc ce problème est résolu


Mais donc on ne peut pas faire style comme ça? 
body#authentification,#sommaire,#assistance,... a#espace
{
propriétés css }

Modifié par Pops83 (18 Jul 2005 - 10:05)
Non : tu ne peux pas "distribuer" body#authentification sur les sélecteurs qui le suivent Smiley cligne

Chaque sélecteur séparé par la virgule sera traité séparément par le parseur CSS : il doit donc être complet.

En revanche, comme indiqué ci-dessus, l'ajout des noms d'élément n'apporte aucune spécificité utile au sélecteur d'id (en revanche, certains le font pour la lisibilité de la CSS)
Sujet clos
Aller à