Comment donner \u00e0 un titre particulier une autre couleur que celle des autres titres du site Web\u00a0? Comment regrouper les liens en diff\u00e9rentes cat\u00e9gories et donner \u00e0 chacune un style sp\u00e9cial\u00a0? Solution: Le regroupement d’\u00e9l\u00e9ments dans une classe.
\nExp\u00a0:<\/p>\n
\r\n<p>Pays africains:<\/p>\r\n <ul> \r\n<li><a href="ma.htm">Maroc<\/a><\/li> \r\n<li><a href="al.htm">Alg\u00e9rie<\/a><\/li>\r\n<li><a href="tu.htm">Tunisie<\/a><\/li>\r\n <\/ul> \r\n<p>Pays europ\u00e9ens:<\/p>\r\n <ul> \r\n<li><a href="fr.htm">France<\/a><\/li>\r\n <li><a href="es.htm">Espagne<\/a><\/li> \r\n<li><a href="it.htm">Italie<\/a><\/li> \r\n<\/ul> \r\n<\/pre>\nNous voulons ensuite que les liens des pays africains soient jaune, que ceux des pays europ\u00e9ens soient rouge, et que les autres liens de la page Web restent bleu.
\nNous r\u00e9partissons ainsi les liens en deux cat\u00e9gories. On assigne une classe \u00e0 chaque lien avec l’attribut class.
\nFichier HTML:<\/p>\n\r\n<p>Pays africains:<\/p>\r\n <ul> \r\n<li><a href="ma.htm" class="af">Maroc<\/a><\/li> \r\n<li><a href="al.htm" class="af">Alg\u00e9rie<\/a><\/li>\r\n<li><a href="tu.htm" class="af">Tunisie<\/a><\/li>\r\n <\/ul> \r\n<p>Pays europ\u00e9ens:<\/p>\r\n <ul> \r\n<li><a href="fr.htm" class="eu">France<\/a><\/li>\r\n <li><a href="es.htm" class="eu">Espagne<\/a><\/li> \r\n<li><a href="it.htm" class="eu">Italie<\/a><\/li> \r\n<\/ul> \r\n<\/pre>\nFichier CSS<\/p>\n
\r\na { color: blue; } \r\na.af { color: #FFBB00; } \r\na.eu { color: #800000; }\r\n<\/pre>\nIdentification d’un \u00e9l\u00e9ment avec un id<\/h4>\n
on utilise l’attribut id pour identifier un \u00e9l\u00e9ment unique parmi plusieurs \u00e9l\u00e9ments
\nOn ne peut pas avoir deux \u00e9l\u00e9ments avec le m\u00eame id dans le document.
\nExp\u00a0:<\/p>\n\r\n<h1>Chapitre 1<\/h1>\r\n<h2>Chapitre 1.1<\/h2>\r\n<h2>Chapitre 1.2<\/h2>\r\n<h1>Chapitre 2<\/h1>\r\n<h2>Chapitre 2.1<\/h2>\r\n<h3>Chapitre 2.1.2<\/h3>\r\n<\/pre>\nIl pourrait s’agir des titres d’un document partag\u00e9 en chapitres ou en paragraphes. On assigne un id \u00e0 chaque chapitre comme ceci\u00a0:<\/p>\n
\r\n<h1 id="c1">Chapitre 1<\/h1>\r\n<h2 id="c1-1">Chapitre 1.1<\/h2> \r\n<h2 id="c1-2">Chapitre 1.2<\/h2>\r\n<h1 id="c2">Chapitre 2<\/h1> \r\n<h2 id="c2-1">Chapitre 2.1<\/h2>\r\n<h3 id="c2-1-2">Chapitre 2.1.2<\/h3> \r\n<\/pre>\nLe titre du chapitre\u00a01.2 appara\u00eet en rouge:<\/p>\n
\r\n#c1-2 { color: red; } \r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"Identification d\u2019un \u00e9l\u00e9ment avec class Comment donner \u00e0 un titre particulier une autre couleur que celle des autres titres du site Web\u00a0? Comment regrouper les liens en diff\u00e9rentes cat\u00e9gories et donner \u00e0 chacune un style sp\u00e9cial\u00a0? Solution: Le regroupement d’\u00e9l\u00e9ments dans une classe. Exp\u00a0: <p>Pays africains:<\/p> <ul> <li><a href="ma.htm">Maroc<\/a><\/li> <li><a href="al.htm">Alg\u00e9rie<\/a><\/li> <li><a href="tu.htm">Tunisie<\/a><\/li> <\/ul> <p>Pays europ\u00e9ens:<\/p> <ul> <li><a href="fr.htm">France<\/a><\/li> <li><a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages\/7"}],"collection":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":1,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages\/7\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}