Tag styles
How To Use Css @Supports For Feature Detection And Safe Fallbacks
What it is: @supports asks the browser "do you understand this CSS?" and applies a block of styles only if the answer is yes. It is the safe way to…
How To Use Css Counters For Automatic Numbering Of Headings And Lists
What it is: CSS can count elements for you and show the number with ::before or ::after. You never type the numbers by hand, so if you add or remove…
Modern Css Reset For WordPress Themes With @Layer
What it is: every browser applies its own default styles, like margins on headings or different font sizes in forms. A CSS reset removes those differences so your design looks…
How To Style A Sticky Header With Css Scroll-State Container Queries
What it is: scroll-state queries let CSS know if an element is currently stuck, snapped or scrollable. Before this you needed JavaScript with a scroll listener to add a class…
How To Use Css @Scope To Limit Styles To A Component
The @scope rule applies styles only inside a specific part of the page. It gives you component-level styling without BEM naming, CSS Modules or deeply nested selectors.
