René's URL Explorer Experiment

Title: CSS Nesting | Chrome for Developers

Open Graph Title: CSS Nesting | Chrome for Developers

Description: One of our favorite CSS preprocessor features is now built into the language: nesting style rules.

Open Graph Description: One of our favorite CSS preprocessor features is now built into the language: nesting style rules.

Opengraph URL: https://developer.chrome.com/docs/css-ui/css-nesting

direct link

Domain: developer.chrome.com

Hey, it has json ld scripts:

  {
    "@context": "https://schema.org",
    "@type": "Article",
    "dateModified": "2023-03-08",
    "headline": "CSS Nesting"
  }

google-signin-client-id	157101835696-ooapojlodmuabs2do2vuhhnf90bccmoi.apps.googleusercontent.com
google-signin-scope	profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award https://www.googleapis.com/auth/devprofiles.full_control.firstparty
og:site_name	Chrome for Developers
og:type	website
theme-color	#1a73e8
None	IE=Edge
og:locale	en

Links:

Skip to main content	https://developer.chrome.com/articles/css-nesting#main-content
	https://developer.chrome.com/
	https://developer.chrome.com/
X	https://twitter.com/argyleink
GitHub	https://github.com/argyleink
Bluesky	https://bsky.app/profile/nerdy.dev
nesting	https://www.w3.org/TR/css-nesting-1/
Try this in browser	https://codepen.io/web-dot-dev/pen/RwYLRdr
try in Safari Technical Preview 162	https://webkit.org/blog/13813/try-css-nesting-today-in-safari-technology-preview/
class selector	https://web.dev/learn/css/selectors#class_selector
Try a demo	https://codepen.io/web-dot-dev/pen/xxaXOvo
group selector	https://web.dev/learn/css/selectors#grouping_selectors
:is()	https://web.dev/learn/css/pseudo-classes#is
Try a demo	https://codepen.io/web-dot-dev/pen/XWPejbG
compound selector	https://web.dev/learn/css/selectors#compound_selectors
Try a demo	https://codepen.io/web-dot-dev/pen/WNgZGrz
descendant selectors	https://web.dev/learn/css/selectors#descendant_combinator
negation functional pseudo class	https://web.dev/learn/css/pseudo-classes#not
Try a demo	https://codepen.io/web-dot-dev/pen/VwGMKKj
CSS specification for nesting	https://www.w3.org/TR/css-nesting-1/
nesting @rules	https://www.w3.org/TR/css-nesting-1/#conditionals
the spec	https://www.w3.org/TR/css-nesting-1/#conditionals:%7E:text=Some%20CSS%2Dgenerating%20tools%20that%20preprocess%20nesting%20will%20concatenate%20selectors%20as%20strings%2C
selector list	https://developer.mozilla.org/docs/Web/CSS/Selector_list
works	https://web.dev/articles/css-is-and-where
the spec	https://www.w3.org/TR/css-nesting-1/#mixing
Bramus	https://www.bram.us/about/
great Codepen	https://codepen.io/bramus/pen/oNdrypM
CSS Nesting	https://www.w3.org/TR/css-nesting-1/
here's a demo	https://codepen.io/argyleink/pen/GRBMXyR
Creative Commons Attribution 4.0 License	https://creativecommons.org/licenses/by/4.0/
Apache 2.0 License	https://www.apache.org/licenses/LICENSE-2.0
Google Developers Site Policies	https://developers.google.com/site-policies
Terms	https://policies.google.com/terms
Privacy	https://policies.google.com/privacy
Manage cookies	https://developer.chrome.com/articles/css-nesting

Viewport: width=device-width, initial-scale=1

URLs of crawlers that visited me.