{"id":1328,"date":"2025-02-13T02:54:14","date_gmt":"2025-02-13T02:54:14","guid":{"rendered":"https:\/\/mytribu.fr\/cmopc\/?p=1328"},"modified":"2025-02-13T02:58:00","modified_gmt":"2025-02-13T02:58:00","slug":"selecteur","status":"publish","type":"post","link":"http:\/\/mytribu.fr\/cmopc\/selecteur\/","title":{"rendered":"S\u00e9lecteur CSS"},"content":{"rendered":"\n<p>S\u00e9lecteur descendant depuis une classe<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>div p {\n    color: red;\n}<\/code><\/pre>\n\n\n\n<p>observer l&rsquo;espace entre div et p<\/p>\n\n\n\n<p>Cela signifie : <strong>\u00ab\u00a0Tous les <code>&lt;p&gt;<\/code> qui sont DANS un <code>&lt;div&gt;<\/code> seront rouges.\u00a0\u00bb<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;Ce texte ne change pas.&lt;\/p&gt;\n\n&lt;div&gt;\n    &lt;p&gt;Ce texte devient rouge.&lt;\/p&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<p>Si la <code>&lt;div><\/code> a un <strong>nom de classe<\/strong>, on l\u2019utilise dans le s\u00e9lecteur CSS pour cibler uniquement <strong>les \u00e9l\u00e9ments \u00e0 l\u2019int\u00e9rieur<\/strong> de cette div. Observer l&rsquo;espace en .boite et p<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.boite p {\n    color: blue;\n}<\/code><\/pre>\n\n\n\n<p>ela signifie : <strong>\u00ab\u00a0Tous les <code>&lt;p&gt;<\/code> qui sont DANS une <code>&lt;div&gt;<\/code> avec la classe <code>.boite<\/code> seront bleus.\u00a0\u00bb<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;Ce texte ne change pas.&lt;\/p&gt;\n\n&lt;div class=\"boite\"&gt;\n    &lt;p&gt;Ce texte devient bleu.&lt;\/p&gt;\n&lt;\/div&gt;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>S\u00e9lecteur descendant depuis une classe observer l&rsquo;espace entre div et p Cela signifie : \u00ab\u00a0Tous les &lt;p&gt; qui sont DANS<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1328","post","type-post","status-publish","format-standard","hentry","category-non-classe","comments-off"],"_links":{"self":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/comments?post=1328"}],"version-history":[{"count":4,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1328\/revisions"}],"predecessor-version":[{"id":1333,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1328\/revisions\/1333"}],"wp:attachment":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/media?parent=1328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/categories?post=1328"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/tags?post=1328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}