{"id":462,"date":"2013-11-05T13:16:05","date_gmt":"2013-11-05T12:16:05","guid":{"rendered":"http:\/\/sphinx.lamecarlate.net\/?p=462"},"modified":"2013-11-10T21:48:26","modified_gmt":"2013-11-10T20:48:26","slug":"css-mots-cles-unset-et-initial","status":"publish","type":"post","link":"https:\/\/informatique.lamecarlate.net\/extras\/css-mots-cles-unset-et-initial","title":{"rendered":"CSS : mots-cl\u00e9s \u00ab\u00a0unset\u00a0\u00bb et \u00ab\u00a0initial\u00a0\u00bb"},"content":{"rendered":"<p>C&rsquo;est encore en Candidate Recommandation (donc ni finalis\u00e9 en tant que sp\u00e9cification, ni impl\u00e9ment\u00e9 dans aucun navigateur), mais c&rsquo;est en bonne voie : <a href=\"http:\/\/www.w3.org\/blog\/CSS\/2013\/10\/09\/css3-cascade-cr\/\">le module \u00ab\u00a0Cascade\u00a0\u00bb (niveau 3) de CSS<\/a> vient d&rsquo;ajouter \u00e0 sa liste <a href=\"http:\/\/www.w3.org\/TR\/css3-cascade\/#defaulting-keywords\">les mots-cl\u00e9s transversaux \u00ab\u00a0unset\u00a0\u00bb et \u00ab\u00a0initial\u00a0\u00bb<\/a>. C&rsquo;est-\u00e0-dire qu&rsquo;on pourra \u00ab\u00a0annuler\u00a0\u00bb un \u00e9tat sur un \u00e9l\u00e9ment !<\/p>\n<p>Exemple : j&rsquo;ai enlev\u00e9 le padding-left par d\u00e9faut des listes, par exemple parce que je veux utiliser des listes pour des menus &#8211; et que je ne veux pas avoir \u00e0 enlever ce padding-left pour tous mes menus.<\/p>\n<pre><code>ul {\n   padding-left: 0;\n}\n<\/code><\/pre>\n<p>Mais quand je suis dans un article (un texte rentr\u00e9 par l&rsquo;utilisateur via le back-office, par exemple), je dois pouvoir lui permettre de cr\u00e9er des listes, et il faudrait remettre le padding-left, parce qu&rsquo;il est utile dans le cas de listes imbriqu\u00e9es (c&rsquo;est d&rsquo;ailleurs probablement sa raison d&rsquo;\u00eatre). Donc soit je red\u00e9finis<\/p>\n<pre><code>.user-content ul {\n   padding-left: 40px;\n}\n<\/code><\/pre>\n<p>soit je l&rsquo;annule, purement et simplement<\/p>\n<pre><code>.user-content ul {\n   padding-left: unset;\n} \n<\/code><\/pre>\n<p>(oui, il y de meilleurs exemples, je le conc\u00e8de)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>C&rsquo;est encore en Candidate Recommandation (donc ni finalis\u00e9 en tant que sp\u00e9cification, ni impl\u00e9ment\u00e9 dans aucun navigateur), mais c&rsquo;est en bonne voie : le module \u00ab\u00a0Cascade\u00a0\u00bb (niveau 3) de CSS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":471,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[37],"tags":[39],"_links":{"self":[{"href":"https:\/\/informatique.lamecarlate.net\/wp-json\/wp\/v2\/posts\/462"}],"collection":[{"href":"https:\/\/informatique.lamecarlate.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/informatique.lamecarlate.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/informatique.lamecarlate.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/informatique.lamecarlate.net\/wp-json\/wp\/v2\/comments?post=462"}],"version-history":[{"count":0,"href":"https:\/\/informatique.lamecarlate.net\/wp-json\/wp\/v2\/posts\/462\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/informatique.lamecarlate.net\/wp-json\/wp\/v2\/media\/471"}],"wp:attachment":[{"href":"https:\/\/informatique.lamecarlate.net\/wp-json\/wp\/v2\/media?parent=462"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/informatique.lamecarlate.net\/wp-json\/wp\/v2\/categories?post=462"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/informatique.lamecarlate.net\/wp-json\/wp\/v2\/tags?post=462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}