{"id":31940,"date":"2025-03-03T13:22:38","date_gmt":"2025-03-03T12:22:38","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=31940"},"modified":"2025-03-11T15:23:35","modified_gmt":"2025-03-11T14:23:35","slug":"css-nativo-ora-e-tutta-unaltra-storia-parte-1","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/","title":{"rendered":"CSS Nativo: ora \u00e8 tutta un&#8217;altra storia &#8211; Parte 1"},"content":{"rendered":"\n<p>CSS nativo, il linguaggio pi\u00f9 temuto dai <strong>Frontend Developer<\/strong>. C&#8217;\u00e8 chi lo ama e chi lo odia.<\/p>\n\n\n\n<p>In questo articolo, prover\u00f2 a spiegarti perch\u00e9 io personalmente lo amo sempre di pi\u00f9. Parleremo di CSS nativo e di come negli ultimi anni, il CSS si \u00e8 evoluto e ha raggiunto molte funzionalit\u00e0 messe a disposizione da pre processori come SASS e LESS.<\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-aa32b04c      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tIndice:\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#css-nesting\" class=\"uagb-toc-link__trigger\">CSS Nesting<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#ma-i-browser-cosa-ne-pensano\" class=\"uagb-toc-link__trigger\">Ma i browser cosa ne pensano?<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#cos\u00e8-scope\" class=\"uagb-toc-link__trigger\">Cos&#039;\u00e8 @scope?<\/a><li class=\"uagb-toc__list\"><a href=\"#a-cosa-serve-layer\" class=\"uagb-toc-link__trigger\">A cosa serve @layer?<\/a><li class=\"uagb-toc__list\"><a href=\"#color-scheme\" class=\"uagb-toc-link__trigger\">Color scheme<\/a><li class=\"uagb-toc__list\"><a href=\"#is-e-has\" class=\"uagb-toc-link__trigger\">Is e has<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#is\" class=\"uagb-toc-link__trigger\">:is<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#has\" class=\"uagb-toc-link__trigger\">:has<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#conclusioni\" class=\"uagb-toc-link__trigger\">Conclusioni<\/a><\/ul><\/ul><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h2 class=\"gb-headline gb-headline-26715fb7 gb-headline-text\"><strong>CSS Nesting<\/strong><\/h2>\n\n\n\n<p>Il <strong>CSS Nesting \u00e8 una funzionalit\u00e0 introdotta di recente in CSS<\/strong>, che permette di scrivere regole annidate in maniera pi\u00f9 leggibile e concisa, simile a quanto accade nei preprocessori CSS come SASS o LESS.<\/p>\n\n\n\n<p>Quindi, non avrete pi\u00f9 bisogno di utilizzare dei pre processori ma di default potrete scrivere CSS in questo modo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">article {<br>  color: black;<br><br>  &amp; h1 {<br>    font-size: 2rem;<br>  }<br><br>  &amp; p {<br>    line-height: 1.5;<br>  }<br>}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-ma-i-browser-cosa-ne-pensano\"><strong>Ma i browser cosa ne pensano?<\/strong><\/h3>\n\n\n\n<p>Di seguito le compatibilit\u00e0 dei principali browser (aggiornato a Gennaio 2025).<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Supporto dei browser: <a href=\"https:\/\/caniuse.com\/css-nesting\">https:\/\/caniuse.com\/css-nesting<\/a><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cos-e-scope\"><strong>Cos&#8217;\u00e8 @scope?<\/strong><\/h2>\n\n\n\n<p>@scope consente di definire un contesto o un ambito (scope) per i selettori CSS. <\/p>\n\n\n\n<p>Invece di applicare stili globalmente o dipendere da regole di specificit\u00e0 e nidificazione complessa, \u00e8 possibile restringere l&#8217;applicazione degli stili a un sottogruppo specifico del DOM.<\/p>\n\n\n\n<p>Un esempio molto pratico:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">@scope (section) {<br>  h1 {<br>    color: blue;<br>  }<br>}<\/pre>\n\n\n\n<p>In questo caso, verr\u00e0 applicato lo style solo agli h1 presenti all&#8217;interno dei tag section. <br>Questo permette di definire del CSS mirato e ben definito all&#8217;interno di uno scope.<\/p>\n\n\n\n<p>Come potrai constatare dal seguente link, <strong>@scope non \u00e8 ancora supportato completamente<\/strong> da tutti i browser moderni.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Supporto dei browser: <a href=\"https:\/\/caniuse.com\/css-cascade-scope\">https:\/\/caniuse.com\/css-cascade-scope<\/a><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-a-cosa-serve-layer\"><strong>A cosa serve @layer?<\/strong><\/h2>\n\n\n\n<p>@layer \u00e8 una direttiva CSS che <strong>consente di definire livelli di stile (layers) con una gerarchia di priorit\u00e0<\/strong>. <\/p>\n\n\n\n<p>Funziona per organizzare il CSS in sezioni ben definite e per garantire che le regole di stile pi\u00f9 importanti abbiano la precedenza su quelle meno rilevanti, anche se vengono definite pi\u00f9 tardi nel codice.<\/p>\n\n\n\n<p>Di seguito un esempio di sintassi:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-keyword\">@layer<\/span> base {\n  <span class=\"hljs-selector-tag\">h1<\/span> {\n    <span class=\"hljs-attribute\">color<\/span>: blue;\n  }\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Appunto in merito alle priorit\u00e0, nota bene una cosa molto importante. Guarda questo esempio:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-keyword\">@layer<\/span> utilities {\n  <span class=\"hljs-selector-tag\">h1<\/span> {\n    <span class=\"hljs-attribute\">color<\/span>: green;\n  }\n}\n\n<span class=\"hljs-keyword\">@layer<\/span> base {\n  <span class=\"hljs-selector-tag\">h1<\/span> {\n    <span class=\"hljs-attribute\">color<\/span>: blue;\n  }\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>In questo caso, la regola in utilities avr\u00e0 priorit\u00e0 su quella in base perch\u00e9 utilities \u00e8 stato dichiarato per primo, anche se la regola in base appare pi\u00f9 tardi nel foglio di stile.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Supporto dei browser: <a href=\"https:\/\/caniuse.com\/css-cascade-layers\">https:\/\/caniuse.com\/css-cascade-layers<\/a><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-color-scheme\"><strong>Color scheme<\/strong><\/h2>\n\n\n\n<p>Tutti i pi\u00f9 recenti sistemi operativi, browser e di conseguenza applicazioni supportano la modalit\u00e0 dark e light. Da questo punto di vista, CSS ci viene incontro con la @media query prefers-color-scheme.<\/p>\n\n\n\n<p>Con questa media query, possiamo andare a definire delle variabili, ma anche del CSS specifico per una modalit\u00e0 o per l&#8217;altra.<\/p>\n\n\n\n<p>Un esempio pratico:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-pseudo\">:root<\/span> {\n  <span class=\"hljs-attribute\">--background-color<\/span>: white;\n  <span class=\"hljs-attribute\">--text-color<\/span>: black;\n}\n\n<span class=\"hljs-keyword\">@media<\/span> (<span class=\"hljs-attribute\">prefers-color-scheme:<\/span> dark) {\n  <span class=\"hljs-selector-pseudo\">:root<\/span> {\n    <span class=\"hljs-attribute\">--background-color<\/span>: black;\n    <span class=\"hljs-attribute\">--text-color<\/span>: white;\n  }\n}\n\n<span class=\"hljs-selector-tag\">body<\/span> {\n  <span class=\"hljs-attribute\">background-color<\/span>: <span class=\"hljs-built_in\">var<\/span>(--background-color);\n  <span class=\"hljs-attribute\">color<\/span>: <span class=\"hljs-built_in\">var<\/span>(--text-color);\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Supporto dei browser: <a href=\"https:\/\/caniuse.com\/?search=prefers-color-scheme\">https:\/\/caniuse.com\/?search=prefers-color-scheme<\/a><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-is-e-has\"><strong>Is e has<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-is\"><strong>:is<\/strong><\/h3>\n\n\n\n<p>La pseudo-classe :is() (abbreviazione di &#8220;is&#8221;) permette di scrivere selettori pi\u00f9 concisi e leggibili combinando pi\u00f9 selettori in una singola dichiarazione.<\/p>\n\n\n\n<p>Prima<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-tag\">section<\/span> <span class=\"hljs-selector-tag\">h1<\/span>, <span class=\"hljs-selector-tag\">article<\/span> <span class=\"hljs-selector-tag\">h1<\/span> {\n  <span class=\"hljs-attribute\">font-size<\/span>: <span class=\"hljs-number\">2rem<\/span>;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Dopo<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-5\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-pseudo\">:is(section<\/span>, <span class=\"hljs-selector-tag\">article<\/span>) <span class=\"hljs-selector-tag\">h1<\/span> {\n  <span class=\"hljs-attribute\">font-size<\/span>: <span class=\"hljs-number\">2rem<\/span>;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-5\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-has\"><strong>:has<\/strong><\/h3>\n\n\n\n<p>Il pseudo-classe :has() in CSS \u00e8 un selettore relazionale che permette di applicare stili a un elemento in base ai suoi discendenti, figli o anche fratelli successivi.<\/p>\n\n\n\n<p>Di seguito un esempio molto semplice, dove andremo ad applicare del CSS SOLO ai div che contengono al loro interno un tag p:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-6\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-tag\">div<\/span><span class=\"hljs-selector-pseudo\">:has(p)<\/span> {\n  <span class=\"hljs-attribute\">border<\/span>: <span class=\"hljs-number\">2px<\/span> solid blue;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-6\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusioni\"><strong>Conclusioni<\/strong><\/h2>\n\n\n\n<p>Negli ultimi anni, il <strong><a href=\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/e-possibile-innamorarsi-di-css\/\">CSS <\/a>si \u00e8 evoluto enormemente<\/strong>, incorporando funzionalit\u00e0 che prima erano possibili solo attraverso l&#8217;uso di pre processori come SASS o LESS.<\/p>\n\n\n\n<p>Migliorie come il CSS Nesting, @scope, @layer, e le pseudo-classi :is e :has rendono il linguaggio pi\u00f9 potente e flessibile, permettendo agli sviluppatori di scrivere codice pi\u00f9 leggibile, organizzato e mirato.<\/p>\n\n\n\n<p>In particolare:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Il CSS Nesting elimina la necessit\u00e0 di preprocessori per scrivere regole annidate, semplificando la struttura dei fogli di stile.<\/li>\n\n\n\n<li>@scope introduce un controllo granulare sugli stili, migliorando la modularit\u00e0 del CSS.<\/li>\n\n\n\n<li>@layer consente di definire gerarchie e priorit\u00e0 tra gli stili, evitando conflitti e migliorando la manutenibilit\u00e0.<\/li>\n\n\n\n<li>La media query prefers-color-scheme supporta modalit\u00e0 dark e light in modo nativo, rispondendo alle esigenze moderne di accessibilit\u00e0 e design.<\/li>\n\n\n\n<li>Le pseudo-classi :is e :has migliorano la potenza espressiva dei selettori, rendendo il CSS pi\u00f9 versatile e conciso.<\/li>\n<\/ul>\n\n\n\n<p>Nonostante alcune di queste funzionalit\u00e0 non siano ancora pienamente supportate da tutti i browser, il panorama sta cambiando rapidamente.<\/p>\n\n\n\n<p>\u00c8 il momento ideale per iniziare a sperimentare con queste nuove caratteristiche e preparare i propri progetti per il futuro del web. Il CSS non \u00e8 mai stato cos\u00ec moderno, efficiente e completo.<\/p>\n\n\n\n<p>Bene, siamo arrivati alla fine di questo primo articolo di questa piccola rubrica dedicata al CSS. Prossimamente uscir\u00e0 il secondo articolo che toccher\u00e0 argomenti come: zoom, text-wrap e molto altro ancora!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS nativo, il linguaggio pi\u00f9 temuto dai Frontend Developer. C&#8217;\u00e8 chi lo ama e chi lo odia. In questo articolo, prover\u00f2 a spiegarti perch\u00e9 io personalmente lo amo sempre di pi\u00f9. Parleremo di CSS nativo e di come negli ultimi anni, il CSS si \u00e8 evoluto e ha raggiunto molte funzionalit\u00e0 messe a disposizione da&#8230; <a class=\"more-link\" href=\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/\">Read more<\/a><\/p>\n","protected":false},"author":320,"featured_media":32324,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[10265],"tags":[11736,13213,13174,13215],"collections":[11708],"class_list":{"0":"post-31940","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-frontend-it","8":"tag-css-it","9":"tag-css-nativo","10":"tag-dev","11":"tag-nesting","12":"collections-dalla-community","13":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>CSS Nativo: ora \u00e8 tutta un&#039;altra storia - Parte 1<\/title>\n<meta name=\"description\" content=\"In questo articolo, prover\u00f2 a spiegarti perch\u00e9 io personalmente amo sempre di pi\u00f9 CSS Nativo e spiegher\u00f2 le sue possibilit\u00e0 e applicazioni.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Nativo: ora \u00e8 tutta un&#039;altra storia - Parte 1\" \/>\n<meta property=\"og:description\" content=\"In questo articolo, prover\u00f2 a spiegarti perch\u00e9 io personalmente amo sempre di pi\u00f9 CSS Nativo e spiegher\u00f2 le sue possibilit\u00e0 e applicazioni.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Codemotion Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codemotion.Italy\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-03T12:22:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-11T14:23:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1792\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Daniele Carta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:site\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniele Carta\" \/>\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:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/\"},\"author\":{\"name\":\"Daniele Carta\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/724604c312f972c01bbd0192c1b75a53\"},\"headline\":\"CSS Nativo: ora \u00e8 tutta un&#8217;altra storia &#8211; Parte 1\",\"datePublished\":\"2025-03-03T12:22:38+00:00\",\"dateModified\":\"2025-03-11T14:23:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/\"},\"wordCount\":722,\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp\",\"keywords\":[\"CSS\",\"css nativo\",\"dev\",\"nesting\"],\"articleSection\":[\"Frontend\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/\",\"name\":\"CSS Nativo: ora \u00e8 tutta un'altra storia - Parte 1\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp\",\"datePublished\":\"2025-03-03T12:22:38+00:00\",\"dateModified\":\"2025-03-11T14:23:35+00:00\",\"description\":\"In questo articolo, prover\u00f2 a spiegarti perch\u00e9 io personalmente amo sempre di pi\u00f9 CSS Nativo e spiegher\u00f2 le sue possibilit\u00e0 e applicazioni.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#primaryimage\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp\",\"width\":1792,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"CSS Nativo: ora \u00e8 tutta un&#8217;altra storia &#8211; Parte 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"name\":\"Codemotion Magazine\",\"description\":\"We code the future. Together\",\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\",\"name\":\"Codemotion\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"width\":225,\"height\":225,\"caption\":\"Codemotion\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Codemotion.Italy\/\",\"https:\/\/x.com\/CodemotionIT\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/724604c312f972c01bbd0192c1b75a53\",\"name\":\"Daniele Carta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/03\/18217293-100x100.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/03\/18217293-100x100.png\",\"caption\":\"Daniele Carta\"},\"description\":\"With over 10 years of experience in the IT industry, I am currently the Head of Frontend at AltermAInd, where I lead strategies and innovations in the field of front-end development.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/daniele-carta-milano\/\"],\"url\":\"https:\/\/www.codemotion.com\/magazine\/author\/crtdaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CSS Nativo: ora \u00e8 tutta un'altra storia - Parte 1","description":"In questo articolo, prover\u00f2 a spiegarti perch\u00e9 io personalmente amo sempre di pi\u00f9 CSS Nativo e spiegher\u00f2 le sue possibilit\u00e0 e applicazioni.","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:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/","og_locale":"en_US","og_type":"article","og_title":"CSS Nativo: ora \u00e8 tutta un'altra storia - Parte 1","og_description":"In questo articolo, prover\u00f2 a spiegarti perch\u00e9 io personalmente amo sempre di pi\u00f9 CSS Nativo e spiegher\u00f2 le sue possibilit\u00e0 e applicazioni.","og_url":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/","og_site_name":"Codemotion Magazine","article_publisher":"https:\/\/www.facebook.com\/Codemotion.Italy\/","article_published_time":"2025-03-03T12:22:38+00:00","article_modified_time":"2025-03-11T14:23:35+00:00","og_image":[{"width":1792,"height":1024,"url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp","type":"image\/webp"}],"author":"Daniele Carta","twitter_card":"summary_large_image","twitter_creator":"@CodemotionIT","twitter_site":"@CodemotionIT","twitter_misc":{"Written by":"Daniele Carta","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#article","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/"},"author":{"name":"Daniele Carta","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/724604c312f972c01bbd0192c1b75a53"},"headline":"CSS Nativo: ora \u00e8 tutta un&#8217;altra storia &#8211; Parte 1","datePublished":"2025-03-03T12:22:38+00:00","dateModified":"2025-03-11T14:23:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/"},"wordCount":722,"publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp","keywords":["CSS","css nativo","dev","nesting"],"articleSection":["Frontend"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/","url":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/","name":"CSS Nativo: ora \u00e8 tutta un'altra storia - Parte 1","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#primaryimage"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp","datePublished":"2025-03-03T12:22:38+00:00","dateModified":"2025-03-11T14:23:35+00:00","description":"In questo articolo, prover\u00f2 a spiegarti perch\u00e9 io personalmente amo sempre di pi\u00f9 CSS Nativo e spiegher\u00f2 le sue possibilit\u00e0 e applicazioni.","breadcrumb":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#primaryimage","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp","width":1792,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/css-nativo-ora-e-tutta-unaltra-storia-parte-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemotion.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Frontend","item":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/"},{"@type":"ListItem","position":3,"name":"CSS Nativo: ora \u00e8 tutta un&#8217;altra storia &#8211; Parte 1"}]},{"@type":"WebSite","@id":"https:\/\/www.codemotion.com\/magazine\/#website","url":"https:\/\/www.codemotion.com\/magazine\/","name":"Codemotion Magazine","description":"We code the future. Together","publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codemotion.com\/magazine\/#organization","name":"Codemotion","url":"https:\/\/www.codemotion.com\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","width":225,"height":225,"caption":"Codemotion"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codemotion.Italy\/","https:\/\/x.com\/CodemotionIT"]},{"@type":"Person","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/724604c312f972c01bbd0192c1b75a53","name":"Daniele Carta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/03\/18217293-100x100.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/03\/18217293-100x100.png","caption":"Daniele Carta"},"description":"With over 10 years of experience in the IT industry, I am currently the Head of Frontend at AltermAInd, where I lead strategies and innovations in the field of front-end development.","sameAs":["https:\/\/www.linkedin.com\/in\/daniele-carta-milano\/"],"url":"https:\/\/www.codemotion.com\/magazine\/author\/crtdaniele\/"}]}},"featured_image_src":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-600x400.webp","featured_image_src_square":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-600x600.webp","author_info":{"display_name":"Daniele Carta","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/crtdaniele\/"},"uagb_featured_image_src":{"full":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp",1792,1024,false],"thumbnail":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-150x150.webp",150,150,true],"medium":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-300x171.webp",300,171,true],"medium_large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-768x439.webp",768,439,true],"large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-1024x585.webp",1024,585,true],"1536x1536":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-1536x878.webp",1536,878,true],"2048x2048":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u.webp",1792,1024,false],"small-home-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-100x100.webp",100,100,true],"sidebar-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-180x128.webp",180,128,true],"genesis-singular-images":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-896x504.webp",896,504,true],"archive-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-400x225.webp",400,225,true],"gb-block-post-grid-landscape":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-600x400.webp",600,400,true],"gb-block-post-grid-square":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2025\/02\/DALL\u00b7E-2025-03-03-10.28.45-Unillustrazione-concettuale-che-rappresenta-il-CSS-Nativo.-Limmagine-mostra-uninterfaccia-di-sviluppo-con-codice-CSS-visibile-su-uno-schermo-con-u-600x600.webp",600,600,true]},"uagb_author_info":{"display_name":"Daniele Carta","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/crtdaniele\/"},"uagb_comment_info":0,"uagb_excerpt":"CSS nativo, il linguaggio pi\u00f9 temuto dai Frontend Developer. C&#8217;\u00e8 chi lo ama e chi lo odia. In questo articolo, prover\u00f2 a spiegarti perch\u00e9 io personalmente lo amo sempre di pi\u00f9. Parleremo di CSS nativo e di come negli ultimi anni, il CSS si \u00e8 evoluto e ha raggiunto molte funzionalit\u00e0 messe a disposizione da&#8230;&hellip;","lang":"it","_links":{"self":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/31940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/users\/320"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/comments?post=31940"}],"version-history":[{"count":2,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/31940\/revisions"}],"predecessor-version":[{"id":32330,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/31940\/revisions\/32330"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media\/32324"}],"wp:attachment":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media?parent=31940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/categories?post=31940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/tags?post=31940"},{"taxonomy":"collections","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/collections?post=31940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}