{"id":2125,"date":"2004-03-18T22:39:05","date_gmt":"2004-03-18T22:39:05","guid":{"rendered":"http:\/\/svay.com\/blog\/?p=2125"},"modified":"2004-03-18T22:39:05","modified_gmt":"2004-03-18T22:39:05","slug":"80-idee-pour-les-selecteurs-css","status":"publish","type":"post","link":"https:\/\/svay.com\/blog\/80-idee-pour-les-selecteurs-css\/","title":{"rendered":"Id\u00e9e pour les s\u00e9lecteurs CSS"},"content":{"rendered":"<p>Pour savoir \u00e0 quels \u00e9l\u00e9ments d&#8217;un document vont s&#8217;appliquer des r\u00e8gles de style, on utilise les s\u00e9lecteurs CSS. Il y en a plusieurs types:<\/p>\n<ul>\n<li>le nom des balises<\/li>\n<li>les classes (propri\u00e9t\u00e9 <code>class<\/code>)<\/li>\n<li>les identifiants (propri\u00e9t\u00e9 <code>id<\/code>)<\/li>\n<li>les pseudo-classes<\/li>\n<\/ul>\n<p>Par exemple, si on veut modifier l&#8217;aspect des \u00e9l\u00e9ments d&#8217;un liste contenu dans un bloc, on utilisera le s\u00e9lecteur suivant: <code>div ul li<\/code>. On indique le chemin permettant d&#8217;arriver au noeud concern\u00e9, si on consid\u00e8re le document comme un arbre XML. Cel\u00e0 peut \u00eatre fastidieux, surtout lorsqu&#8217;il s&#8217;agit de modifier des sous-\u00e9l\u00e9ments d&#8217;un bloc identifi\u00e9 par une classe ou un identifiant.<\/p>\n<p>L&#8217;imbrication des r\u00e8gles pourrait \u00eatre une mani\u00e8re \u00e9l\u00e9gante de style des documents \u00e9tant donn\u00e9 que leurs structures s&#8217;y pr\u00eatent assez bien. De plus, la notion de cascade serait plus \u00e9vidente, les r\u00e8gles imbriqu\u00e9es h\u00e9ritant des r\u00e8gles m\u00e8res.<\/p>\n<p>L&#8217;exemple pr\u00e9c\u00e9dent s&#8217;ecrirait de la mani\u00e8re suivante:<\/p>\n<pre> <code> div{     ul{         li{             \/*r\u00e8gles pour les \u00e9l\u00e9ments des listes contenues dans un bloc *\/         }     } } <\/code> <\/pre>\n<p>Comme je viens juste d&#8217;y penser, je trouve que cette syntaxe est plut\u00f4t pratique, sans m\u00eame avoir cherch\u00e9 \u00e0 savoir s&#8217;il y aurait des inconv\u00e9nients. Qu&#8217;en pensez-vous?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pour savoir \u00e0 quels \u00e9l\u00e9ments d&#8217;un document vont s&#8217;appliquer des r\u00e8gles de style, on utilise les s\u00e9lecteurs CSS. Il y en a plusieurs types: le nom des balises les classes (propri\u00e9t\u00e9 class) les identifiants (propri\u00e9t\u00e9 id) les pseudo-classes Par exemple, si on veut modifier l&#8217;aspect des \u00e9l\u00e9ments d&#8217;un liste contenu dans un bloc, on utilisera [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21],"tags":[],"_links":{"self":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2125"}],"collection":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/comments?post=2125"}],"version-history":[{"count":0,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2125\/revisions"}],"wp:attachment":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/media?parent=2125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/categories?post=2125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/tags?post=2125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}