{"id":23,"date":"2007-04-23T16:53:00","date_gmt":"2007-04-23T16:53:00","guid":{"rendered":"http:\/\/grummfy.be\/blog\/?p=23"},"modified":"2007-04-23T16:53:00","modified_gmt":"2007-04-23T16:53:00","slug":"css-et-xhtml-decouverte-du-multi-class","status":"publish","type":"post","link":"https:\/\/grummfy.be\/blog\/23","title":{"rendered":"Css et (x)html d\u00e9couverte du multi-class"},"content":{"rendered":"<p>C&rsquo;est \u00e9trange que malgr\u00e9 une certaine pratique, des choses simples peuvent encore \u00e9tonn\u00e9!<br \/>\nJ&rsquo;ai d\u00e9couvert (suite \u00e0 une erreur de manipulation) que l&rsquo;on pouvait facilement mettre deux class css a un \u00e9l\u00e9ment html!<\/p>\n<p><!--more--><\/p>\n<h2>Comment cela se passe?<\/h2>\n<pre> \t&lt;style&gt; \t\t.cls1 \t\t{ \t\t\tfont-size: 2em; \t\t} \t\t.cls2 \t\t{ \t\t\tfont-weight: bold; \t\t} \t\t.cls3 \t\t{ \t\t\tborder: 1px solid red; \t\t} \t&lt;\/style&gt; \t&lt;div class=&quot;cls1&quot;&gt;test cls1&lt;\/div&gt; \t&lt;div class=&quot;cls1 cls2&quot;&gt;test cls1 et cls2&lt;\/div&gt; \t&lt;div class=&quot;cls1 cls2 cls3&quot;&gt;test cls1, cls2 et cls3&lt;\/div&gt; <\/pre>\n<p>ce qui va donner (attention ici  il y a aussi le style de la page qui s&rsquo;applique mais c&rsquo;est juste pour donner une id\u00e9e!<\/p>\n<style> \t\t.cls1 \t\t{ \t\t\tfont-size: 2em; \t\t} \t\t.cls2 \t\t{ \t\t\tfont-weight: bold; \t\t} \t\t.cls3 \t\t{ \t\t\tborder: 1px solid red; \t\t} \t<\/style>\n<div class=\"cls1\">test cls1<\/div>\n<div class=\"cls1 cls2\">test cls1 et cls2<\/div>\n<div class=\"cls1 cls2 cls3\">test cls1, cls2 et cls3<\/div>\n<p>Cela ouvre \u00e9norm\u00e9ment de possibilit\u00e9, et cela semble valide donc &#8230;<\/p>\n<p>Et pour ne rien g\u00e2cher cela fonctionne m\u00eame sous ie!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>C&rsquo;est \u00e9trange que malgr\u00e9 une certaine pratique, des choses simples peuvent encore \u00e9tonn\u00e9!<br \/>\nJ&rsquo;ai d\u00e9couvert (suite \u00e0 une erreur de manipulation) que l&rsquo;on pouvait facilement mettre deux class css a un \u00e9l\u00e9ment html!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"footnotes":""},"categories":[7],"tags":[38,34,22,28,37],"class_list":["post-23","post","type-post","status-publish","format-standard","hentry","category-my-comment","tag-decouverte","tag-etrange","tag-jouons","tag-trucs-et-astuces","tag-web"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"C&#039;est \u00e9trange que malgr\u00e9 une certaine pratique, des choses simples peuvent encore \u00e9tonn\u00e9! J&#039;ai d\u00e9couvert (suite \u00e0 une erreur de manipulation) que l&#039;on pouvait facilement mettre deux class css a un \u00e9l\u00e9ment html!\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Grummfy\"\/>\n\t<meta name=\"google-site-verification\" content=\"d4qc9gnvtzVc9s5gDVkEqZIVZLo42Wi\/lYmFP7\/G0Kw=\" \/>\n\t<meta name=\"keywords\" content=\"d\u00e9couverte,\u00e9trange,jouons,trucs et astuces,web,my comment\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/grummfy.be\/blog\/23\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"fr_FR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Grummfy&#039;s project\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Grummfy&#039;s project .:. Css et (x)html d\u00e9couverte du multi-class\" \/>\n\t\t<meta property=\"og:description\" content=\"C&#039;est \u00e9trange que malgr\u00e9 une certaine pratique, des choses simples peuvent encore \u00e9tonn\u00e9! J&#039;ai d\u00e9couvert (suite \u00e0 une erreur de manipulation) que l&#039;on pouvait facilement mettre deux class css a un \u00e9l\u00e9ment html!\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/grummfy.be\/blog\/23\" \/>\n\t\t<meta property=\"fb:admins\" content=\"580961199\" \/>\n\t\t<meta property=\"article:tag\" content=\"d\u00e9couverte\" \/>\n\t\t<meta property=\"article:tag\" content=\"\u00e9trange\" \/>\n\t\t<meta property=\"article:tag\" content=\"jouons\" \/>\n\t\t<meta property=\"article:tag\" content=\"trucs et astuces\" \/>\n\t\t<meta property=\"article:tag\" content=\"web\" \/>\n\t\t<meta property=\"article:tag\" content=\"my comment\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2007-04-23T16:53:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2007-04-23T16:53:00+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@Grummfy\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Grummfy&#039;s project .:. Css et (x)html d\u00e9couverte du multi-class\" \/>\n\t\t<meta name=\"twitter:description\" content=\"C&#039;est \u00e9trange que malgr\u00e9 une certaine pratique, des choses simples peuvent encore \u00e9tonn\u00e9! J&#039;ai d\u00e9couvert (suite \u00e0 une erreur de manipulation) que l&#039;on pouvait facilement mettre deux class css a un \u00e9l\u00e9ment html!\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/23#article\",\"name\":\"Grummfy's project .:. Css et (x)html d\\u00e9couverte du multi-class\",\"headline\":\"Css et (x)html d\\u00e9couverte du multi-class\",\"author\":{\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/author\\\/admin#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/#organization\"},\"datePublished\":\"2007-04-23T16:53:00+02:00\",\"dateModified\":\"2007-04-23T16:53:00+02:00\",\"inLanguage\":\"fr-BE\",\"commentCount\":4,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/23#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/23#webpage\"},\"articleSection\":\"My comment, d\\u00e9couverte, \\u00e9trange, jouons, trucs et astuces, web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/23#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog#listItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/grummfy.be\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/cat\\\/my-comment#listItem\",\"name\":\"My comment\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/cat\\\/my-comment#listItem\",\"position\":2,\"name\":\"My comment\",\"item\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/cat\\\/my-comment\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/23#listItem\",\"name\":\"Css et (x)html d\\u00e9couverte du multi-class\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog#listItem\",\"name\":\"Accueil\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/23#listItem\",\"position\":3,\"name\":\"Css et (x)html d\\u00e9couverte du multi-class\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/cat\\\/my-comment#listItem\",\"name\":\"My comment\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/#organization\",\"name\":\"Grummfy's project\",\"description\":\"Mes projets, mes r\\u00eaves, mes envies, ...\",\"url\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/author\\\/admin#author\",\"url\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/author\\\/admin\",\"name\":\"Grummfy\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/23#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/97f073e7de2fb1e9d5c5329eb7db2c6de1c5a80e8cfe9b1233473f78a1c908f6?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Grummfy\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/23#webpage\",\"url\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/23\",\"name\":\"Grummfy's project .:. Css et (x)html d\\u00e9couverte du multi-class\",\"description\":\"C'est \\u00e9trange que malgr\\u00e9 une certaine pratique, des choses simples peuvent encore \\u00e9tonn\\u00e9! J'ai d\\u00e9couvert (suite \\u00e0 une erreur de manipulation) que l'on pouvait facilement mettre deux class css a un \\u00e9l\\u00e9ment html!\",\"inLanguage\":\"fr-BE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/23#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/author\\\/admin#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/author\\\/admin#author\"},\"datePublished\":\"2007-04-23T16:53:00+02:00\",\"dateModified\":\"2007-04-23T16:53:00+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/\",\"name\":\"Grummfy's project\",\"description\":\"Mes projets, mes r\\u00eaves, mes envies, ...\",\"inLanguage\":\"fr-BE\",\"publisher\":{\"@id\":\"https:\\\/\\\/grummfy.be\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Grummfy's project .:. Css et (x)html d\u00e9couverte du multi-class","description":"C'est \u00e9trange que malgr\u00e9 une certaine pratique, des choses simples peuvent encore \u00e9tonn\u00e9! J'ai d\u00e9couvert (suite \u00e0 une erreur de manipulation) que l'on pouvait facilement mettre deux class css a un \u00e9l\u00e9ment html!","canonical_url":"https:\/\/grummfy.be\/blog\/23","robots":"max-image-preview:large","keywords":"d\u00e9couverte,\u00e9trange,jouons,trucs et astuces,web,my comment","webmasterTools":{"google-site-verification":"d4qc9gnvtzVc9s5gDVkEqZIVZLo42Wi\/lYmFP7\/G0Kw=","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/grummfy.be\/blog\/23#article","name":"Grummfy's project .:. Css et (x)html d\u00e9couverte du multi-class","headline":"Css et (x)html d\u00e9couverte du multi-class","author":{"@id":"https:\/\/grummfy.be\/blog\/author\/admin#author"},"publisher":{"@id":"https:\/\/grummfy.be\/blog\/#organization"},"datePublished":"2007-04-23T16:53:00+02:00","dateModified":"2007-04-23T16:53:00+02:00","inLanguage":"fr-BE","commentCount":4,"mainEntityOfPage":{"@id":"https:\/\/grummfy.be\/blog\/23#webpage"},"isPartOf":{"@id":"https:\/\/grummfy.be\/blog\/23#webpage"},"articleSection":"My comment, d\u00e9couverte, \u00e9trange, jouons, trucs et astuces, web"},{"@type":"BreadcrumbList","@id":"https:\/\/grummfy.be\/blog\/23#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/grummfy.be\/blog#listItem","position":1,"name":"Accueil","item":"https:\/\/grummfy.be\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/grummfy.be\/blog\/cat\/my-comment#listItem","name":"My comment"}},{"@type":"ListItem","@id":"https:\/\/grummfy.be\/blog\/cat\/my-comment#listItem","position":2,"name":"My comment","item":"https:\/\/grummfy.be\/blog\/cat\/my-comment","nextItem":{"@type":"ListItem","@id":"https:\/\/grummfy.be\/blog\/23#listItem","name":"Css et (x)html d\u00e9couverte du multi-class"},"previousItem":{"@type":"ListItem","@id":"https:\/\/grummfy.be\/blog#listItem","name":"Accueil"}},{"@type":"ListItem","@id":"https:\/\/grummfy.be\/blog\/23#listItem","position":3,"name":"Css et (x)html d\u00e9couverte du multi-class","previousItem":{"@type":"ListItem","@id":"https:\/\/grummfy.be\/blog\/cat\/my-comment#listItem","name":"My comment"}}]},{"@type":"Organization","@id":"https:\/\/grummfy.be\/blog\/#organization","name":"Grummfy's project","description":"Mes projets, mes r\u00eaves, mes envies, ...","url":"https:\/\/grummfy.be\/blog\/"},{"@type":"Person","@id":"https:\/\/grummfy.be\/blog\/author\/admin#author","url":"https:\/\/grummfy.be\/blog\/author\/admin","name":"Grummfy","image":{"@type":"ImageObject","@id":"https:\/\/grummfy.be\/blog\/23#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/97f073e7de2fb1e9d5c5329eb7db2c6de1c5a80e8cfe9b1233473f78a1c908f6?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Grummfy"}},{"@type":"WebPage","@id":"https:\/\/grummfy.be\/blog\/23#webpage","url":"https:\/\/grummfy.be\/blog\/23","name":"Grummfy's project .:. Css et (x)html d\u00e9couverte du multi-class","description":"C'est \u00e9trange que malgr\u00e9 une certaine pratique, des choses simples peuvent encore \u00e9tonn\u00e9! J'ai d\u00e9couvert (suite \u00e0 une erreur de manipulation) que l'on pouvait facilement mettre deux class css a un \u00e9l\u00e9ment html!","inLanguage":"fr-BE","isPartOf":{"@id":"https:\/\/grummfy.be\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/grummfy.be\/blog\/23#breadcrumblist"},"author":{"@id":"https:\/\/grummfy.be\/blog\/author\/admin#author"},"creator":{"@id":"https:\/\/grummfy.be\/blog\/author\/admin#author"},"datePublished":"2007-04-23T16:53:00+02:00","dateModified":"2007-04-23T16:53:00+02:00"},{"@type":"WebSite","@id":"https:\/\/grummfy.be\/blog\/#website","url":"https:\/\/grummfy.be\/blog\/","name":"Grummfy's project","description":"Mes projets, mes r\u00eaves, mes envies, ...","inLanguage":"fr-BE","publisher":{"@id":"https:\/\/grummfy.be\/blog\/#organization"}}]},"og:locale":"fr_FR","og:site_name":"Grummfy's project","og:type":"article","og:title":"Grummfy's project .:. Css et (x)html d\u00e9couverte du multi-class","og:description":"C'est \u00e9trange que malgr\u00e9 une certaine pratique, des choses simples peuvent encore \u00e9tonn\u00e9! J'ai d\u00e9couvert (suite \u00e0 une erreur de manipulation) que l'on pouvait facilement mettre deux class css a un \u00e9l\u00e9ment html!","og:url":"https:\/\/grummfy.be\/blog\/23","fb:admins":"580961199","article:tag":["d\u00e9couverte","\u00e9trange","jouons","trucs et astuces","web","my comment"],"article:published_time":"2007-04-23T16:53:00+00:00","article:modified_time":"2007-04-23T16:53:00+00:00","twitter:card":"summary","twitter:site":"@Grummfy","twitter:title":"Grummfy's project .:. Css et (x)html d\u00e9couverte du multi-class","twitter:description":"C'est \u00e9trange que malgr\u00e9 une certaine pratique, des choses simples peuvent encore \u00e9tonn\u00e9! J'ai d\u00e9couvert (suite \u00e0 une erreur de manipulation) que l'on pouvait facilement mettre deux class css a un \u00e9l\u00e9ment html!"},"aioseo_meta_data":{"post_id":"23","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[],"defaultGraph":"","defaultPostTypeGraph":""},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2021-01-21 15:12:40","updated":"2025-06-03 23:57:20","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/grummfy.be\/blog\" title=\"Accueil\">Accueil<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/grummfy.be\/blog\/cat\/my-comment\" title=\"My comment\">My comment<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCss et (x)html d\u00e9couverte du multi-class\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Accueil","link":"https:\/\/grummfy.be\/blog"},{"label":"My comment","link":"https:\/\/grummfy.be\/blog\/cat\/my-comment"},{"label":"Css et (x)html d\u00e9couverte du multi-class","link":"https:\/\/grummfy.be\/blog\/23"}],"_links":{"self":[{"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/posts\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":0,"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/posts\/23\/revisions"}],"wp:attachment":[{"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/media?parent=23"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/categories?post=23"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grummfy.be\/blog\/wp-json\/wp\/v2\/tags?post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}