{"id":73,"date":"2024-06-06T11:12:37","date_gmt":"2024-06-06T09:12:37","guid":{"rendered":"https:\/\/onceuponadev.xyz\/?p=73"},"modified":"2024-06-11T19:12:36","modified_gmt":"2024-06-11T17:12:36","slug":"dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet","status":"publish","type":"post","link":"https:\/\/onceuponadev.xyz\/en\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/","title":{"rendered":"Unleash the Super Saiyan of CSS with Pseudo-Classes: A Cheat Sheet"},"content":{"rendered":"<h3 class=\"wp-block-heading\"><\/h3>\n\n\n\n<p>Hey, all you web enthusiasts! Get ready to dive into the exciting world of CSS pseudo-classes, which are kinda like Super Saiyan transformations for your HTML elements. Imagine every element on your page is a character ready to unleash its special powers under your command. Let\u2019s explore together how to master these powerful techniques!<\/p>\n\n\n\n<!--more-->\n\n\n\n<h4 class=\"wp-block-heading\">So, what\u2019s a Pseudo-Class?<\/h4>\n\n\n\n<p>It\u2019s... a CSS tool that changes the appearance of an element based on its state or context. You can spot them by their unique syntax that slaps a \":\" after the selector. Because punctuation? We\u2019ve transformed it, mastered it, given it... a whole new dimension!<\/p>\n\n\n\n<p>It\u2019s like every selector is a Konoha ninja, and pseudo-classes are the various Jutsus they can use to adapt to different battle scenarios.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Interactive States: Reacting with Style<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><code>:hover<\/code><\/strong> Like a warrior ready to strike, this state changes the style of an element when the mouse cursor hovers over it. Ideal for signaling to users that an element is interactive.<\/li>\n\n\n\n<li><strong><code>:active<\/code><\/strong> This is the moment the warrior strikes. This state is activated when an element is clicked, making the interaction tangible and responsive.<\/li>\n\n\n\n<li><strong><code>:focus<\/code><\/strong> Similar to a warrior focusing his energy, it highlights an element that has received focus, often visible in form fields to enhance accessibility and navigation. <code>:focus<\/code> met en \u00e9vidence un \u00e9l\u00e9ment qui a re\u00e7u le focus, souvent visible dans les champs de formulaire pour am\u00e9liorer l&rsquo;accessibilit\u00e9 et la navigation.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Mastering Form States<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code>:disabled<\/code> and <code>:enabled<\/code><\/strong> Control the accessibility of your form elements. Use :disabled\nto dim non-interactive elements, and\nfor those ready to be used. <code>:disabled<\/code> pour estomper des \u00e9l\u00e9ments non interactifs, et <code>:enabled<\/code> pour ceux pr\u00eats \u00e0 \u00eatre utilis\u00e9s.<\/li>\n\n\n\n<li><strong><code>:checked<\/code> and <code>:indeterminate<\/code><\/strong> Perfect for checkboxes, <code>:checked<\/code> applies to elements that are activated, while <code>:indeterminate<\/code> is useful for situations where an element\u2019s state isn\u2019t completely defined.<\/li>\n\n\n\n<li><strong><code>:valid<\/code> and <code>:invalid<\/code><\/strong> Ensure that entered data is correct. Use <code>:valid<\/code> for correctly filled fields and <code>:invalid<\/code> to signal errors, helping users correct their inputs.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Target with Precision: Position Selectors<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code>:first-of-type<\/code> and <code>:last-of-type<\/code><\/strong> Ideal for targeting the first or last element of a type in a container. Use them to specifically style these elements without affecting others.<\/li>\n\n\n\n<li><strong><code>:nth-of-type()<\/code> and <code>:nth-last-of-type()<\/code><\/strong> These selectors allow surgical precision in targeting an element at a specific position or counting from the end.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Pseudo-Elements for Finishing Touches: Decorative and Textual<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code>::first-letter<\/code> and <code>::first-line<\/code><\/strong> Highlight the first letter or the first line of a paragraph to capture attention, like the dramatic start of a fight.<\/li>\n\n\n\n<li><strong><code>::selection<\/code><\/strong> Customize the appearance of text selected by the user, useful for highlighting selections with style and contrast.<\/li>\n\n\n\n<li><strong><code>::marker<\/code><\/strong> Add a stylish touch to the markers in your lists, like the powerful visual effects of a special attack.<\/li>\n\n\n\n<li><strong><code>::before<\/code> and <code>::after<\/code><\/strong> Insert content before or after your elements, enriching your pages without altering the underlying HTML, a bit like a warrior summoning reinforcements.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">The LVHA Order: A Strategy for Your Links<\/h4>\n\n\n\n<p>The order in which you declare link pseudo-classes (<code>:link<\/code>, <code>:visited<\/code>, <code>:hover<\/code>, <code>:active<\/code>) is crucial to ensure that styles apply correctly and avoid overlapping in unexpected ways. It\u2019s like mastering the art of attack sequencing to maximize effectiveness.<\/p>\n\n\n\n<p>With a solid understanding of CSS pseudo-classes, you\u2019re now ready to take control of the interactive states of your website, like a warrior mastering his transformations and techniques. Use these powerful tools to guide users through an interactive and visually captivating web experience. Your HTML elements are now equipped to face any challenge with style and responsiveness. Ready to see them shine in action? The dojo of CSS opens its doors wide for you!<\/p>\n\n\n\n<p>Une doc tr\u00e8s bien faite pour terminer: <a href=\"https:\/\/css-tricks.com\/pseudo-class-selectors\/\">https:\/\/css-tricks.com\/pseudo-class-selectors\/<\/a> . Enjoy \ud83d\ude42<\/p>","protected":false},"excerpt":{"rendered":"<p>Salut \u00e0 tous les passionn\u00e9s du web ! Pr\u00e9parez-vous \u00e0 explorer le monde captivant des pseudo-classes CSS, qui sont un peu comme des transformations de Super Saiyan pour vos \u00e9l\u00e9ments HTML. Imaginez que chaque \u00e9l\u00e9ment de votre page est un personnage pr\u00eat \u00e0 d\u00e9voiler ses capacit\u00e9s sp\u00e9ciales sous vos commandes. Allons d\u00e9couvrir ensemble comment ma\u00eetriser [&hellip;]<\/p>","protected":false},"author":1,"featured_media":74,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-73","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>D\u00e9cha\u00eenez le Super Saiyan du CSS avec les Pseudo-Classes: une Cheat-Sheet. - onceuponadev.xyz<\/title>\n<meta name=\"description\" content=\"Un guide complet, simple sur les pseudo-classes en CSS, ou comment un d\u00e9veloppeur web va ajouter un peu de vernis \u00e0 votre site web\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/onceuponadev.xyz\/en\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D\u00e9cha\u00eenez le Super Saiyan du CSS avec les Pseudo-Classes: une Cheat-Sheet. - onceuponadev.xyz\" \/>\n<meta property=\"og:description\" content=\"Un guide complet, simple sur les pseudo-classes en CSS, ou comment un d\u00e9veloppeur web va ajouter un peu de vernis \u00e0 votre site web\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onceuponadev.xyz\/en\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/\" \/>\n<meta property=\"og:site_name\" content=\"onceuponadev.xyz\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-06T09:12:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-11T17:12:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/art-pseudoclass.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Once Upon a Dev\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Once Upon a Dev\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/\"},\"author\":{\"name\":\"Once Upon a Dev\",\"@id\":\"https:\/\/onceuponadev.xyz\/#\/schema\/person\/d948590ba6a12467dab09ff9e1782261\"},\"headline\":\"D\u00e9cha\u00eenez le Super Saiyan du CSS avec les Pseudo-Classes: une Cheat-Sheet.\",\"datePublished\":\"2024-06-06T09:12:37+00:00\",\"dateModified\":\"2024-06-11T17:12:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/\"},\"wordCount\":710,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/onceuponadev.xyz\/#organization\"},\"image\":{\"@id\":\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/art-pseudoclass.webp\",\"articleSection\":[\"developpement web\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/\",\"url\":\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/\",\"name\":\"D\u00e9cha\u00eenez le Super Saiyan du CSS avec les Pseudo-Classes: une Cheat-Sheet. - onceuponadev.xyz\",\"isPartOf\":{\"@id\":\"https:\/\/onceuponadev.xyz\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/art-pseudoclass.webp\",\"datePublished\":\"2024-06-06T09:12:37+00:00\",\"dateModified\":\"2024-06-11T17:12:36+00:00\",\"description\":\"Un guide complet, simple sur les pseudo-classes en CSS, ou comment un d\u00e9veloppeur web va ajouter un peu de vernis \u00e0 votre site web\",\"breadcrumb\":{\"@id\":\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#primaryimage\",\"url\":\"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/art-pseudoclass.webp\",\"contentUrl\":\"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/art-pseudoclass.webp\",\"width\":1500,\"height\":1000,\"caption\":\"Les pseudo-classes en CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/onceuponadev.xyz\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9cha\u00eenez le Super Saiyan du CSS avec les Pseudo-Classes: une Cheat-Sheet.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/onceuponadev.xyz\/#website\",\"url\":\"https:\/\/onceuponadev.xyz\/\",\"name\":\"onceuponadev.xyz\",\"description\":\"D\u00e9veloppement web\",\"publisher\":{\"@id\":\"https:\/\/onceuponadev.xyz\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/onceuponadev.xyz\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/onceuponadev.xyz\/#organization\",\"name\":\"Once Upon a Dev\",\"url\":\"https:\/\/onceuponadev.xyz\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/onceuponadev.xyz\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/cropped-Screenshot-from-2024-06-11-01-52-04.png\",\"contentUrl\":\"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/cropped-Screenshot-from-2024-06-11-01-52-04.png\",\"width\":402,\"height\":56,\"caption\":\"Once Upon a Dev\"},\"image\":{\"@id\":\"https:\/\/onceuponadev.xyz\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/onceuponadev\/\",\"https:\/\/www.threads.net\/@onceuponadev\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/onceuponadev.xyz\/#\/schema\/person\/d948590ba6a12467dab09ff9e1782261\",\"name\":\"Once Upon a Dev\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/onceuponadev.xyz\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cca9e876505c631a6c30f9c4c8568336d3072ec5d821ed9fa614dfb94daed8cf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cca9e876505c631a6c30f9c4c8568336d3072ec5d821ed9fa614dfb94daed8cf?s=96&d=mm&r=g\",\"caption\":\"Once Upon a Dev\"},\"sameAs\":[\"http:\/\/onceuponadev.xyz\"],\"url\":\"https:\/\/onceuponadev.xyz\/en\/author\/onceuponadev-xyz\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"D\u00e9cha\u00eenez le Super Saiyan du CSS avec les Pseudo-Classes: une Cheat-Sheet. - onceuponadev.xyz","description":"Un guide complet, simple sur les pseudo-classes en CSS, ou comment un d\u00e9veloppeur web va ajouter un peu de vernis \u00e0 votre site web","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/onceuponadev.xyz\/en\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/","og_locale":"en_US","og_type":"article","og_title":"D\u00e9cha\u00eenez le Super Saiyan du CSS avec les Pseudo-Classes: une Cheat-Sheet. - onceuponadev.xyz","og_description":"Un guide complet, simple sur les pseudo-classes en CSS, ou comment un d\u00e9veloppeur web va ajouter un peu de vernis \u00e0 votre site web","og_url":"https:\/\/onceuponadev.xyz\/en\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/","og_site_name":"onceuponadev.xyz","article_published_time":"2024-06-06T09:12:37+00:00","article_modified_time":"2024-06-11T17:12:36+00:00","og_image":[{"width":1500,"height":1000,"url":"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/art-pseudoclass.webp","type":"image\/webp"}],"author":"Once Upon a Dev","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Once Upon a Dev","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#article","isPartOf":{"@id":"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/"},"author":{"name":"Once Upon a Dev","@id":"https:\/\/onceuponadev.xyz\/#\/schema\/person\/d948590ba6a12467dab09ff9e1782261"},"headline":"D\u00e9cha\u00eenez le Super Saiyan du CSS avec les Pseudo-Classes: une Cheat-Sheet.","datePublished":"2024-06-06T09:12:37+00:00","dateModified":"2024-06-11T17:12:36+00:00","mainEntityOfPage":{"@id":"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/"},"wordCount":710,"commentCount":0,"publisher":{"@id":"https:\/\/onceuponadev.xyz\/#organization"},"image":{"@id":"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#primaryimage"},"thumbnailUrl":"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/art-pseudoclass.webp","articleSection":["developpement web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/","url":"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/","name":"D\u00e9cha\u00eenez le Super Saiyan du CSS avec les Pseudo-Classes: une Cheat-Sheet. - onceuponadev.xyz","isPartOf":{"@id":"https:\/\/onceuponadev.xyz\/#website"},"primaryImageOfPage":{"@id":"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#primaryimage"},"image":{"@id":"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#primaryimage"},"thumbnailUrl":"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/art-pseudoclass.webp","datePublished":"2024-06-06T09:12:37+00:00","dateModified":"2024-06-11T17:12:36+00:00","description":"Un guide complet, simple sur les pseudo-classes en CSS, ou comment un d\u00e9veloppeur web va ajouter un peu de vernis \u00e0 votre site web","breadcrumb":{"@id":"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#primaryimage","url":"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/art-pseudoclass.webp","contentUrl":"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/art-pseudoclass.webp","width":1500,"height":1000,"caption":"Les pseudo-classes en CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/onceuponadev.xyz\/dechainez-le-super-saiyan-du-css-avec-les-pseudo-classes-une-cheat-sheet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onceuponadev.xyz\/"},{"@type":"ListItem","position":2,"name":"D\u00e9cha\u00eenez le Super Saiyan du CSS avec les Pseudo-Classes: une Cheat-Sheet."}]},{"@type":"WebSite","@id":"https:\/\/onceuponadev.xyz\/#website","url":"https:\/\/onceuponadev.xyz\/","name":"onceuponadev.xyz","description":"Web Development","publisher":{"@id":"https:\/\/onceuponadev.xyz\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onceuponadev.xyz\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/onceuponadev.xyz\/#organization","name":"Once Upon a Dev","url":"https:\/\/onceuponadev.xyz\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/onceuponadev.xyz\/#\/schema\/logo\/image\/","url":"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/cropped-Screenshot-from-2024-06-11-01-52-04.png","contentUrl":"https:\/\/onceuponadev.xyz\/wp-content\/uploads\/2024\/06\/cropped-Screenshot-from-2024-06-11-01-52-04.png","width":402,"height":56,"caption":"Once Upon a Dev"},"image":{"@id":"https:\/\/onceuponadev.xyz\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/onceuponadev\/","https:\/\/www.threads.net\/@onceuponadev"]},{"@type":"Person","@id":"https:\/\/onceuponadev.xyz\/#\/schema\/person\/d948590ba6a12467dab09ff9e1782261","name":"Once Upon a Dev","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/onceuponadev.xyz\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cca9e876505c631a6c30f9c4c8568336d3072ec5d821ed9fa614dfb94daed8cf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cca9e876505c631a6c30f9c4c8568336d3072ec5d821ed9fa614dfb94daed8cf?s=96&d=mm&r=g","caption":"Once Upon a Dev"},"sameAs":["http:\/\/onceuponadev.xyz"],"url":"https:\/\/onceuponadev.xyz\/en\/author\/onceuponadev-xyz\/"}]}},"_links":{"self":[{"href":"https:\/\/onceuponadev.xyz\/en\/wp-json\/wp\/v2\/posts\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onceuponadev.xyz\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/onceuponadev.xyz\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/onceuponadev.xyz\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onceuponadev.xyz\/en\/wp-json\/wp\/v2\/comments?post=73"}],"version-history":[{"count":3,"href":"https:\/\/onceuponadev.xyz\/en\/wp-json\/wp\/v2\/posts\/73\/revisions"}],"predecessor-version":[{"id":153,"href":"https:\/\/onceuponadev.xyz\/en\/wp-json\/wp\/v2\/posts\/73\/revisions\/153"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/onceuponadev.xyz\/en\/wp-json\/wp\/v2\/media\/74"}],"wp:attachment":[{"href":"https:\/\/onceuponadev.xyz\/en\/wp-json\/wp\/v2\/media?parent=73"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/onceuponadev.xyz\/en\/wp-json\/wp\/v2\/categories?post=73"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/onceuponadev.xyz\/en\/wp-json\/wp\/v2\/tags?post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}