syntaxfm/css-has

CSS :has Examples

CSS :has Examples

This repo includes real world examples of using CSS :has - View the live examples here: https://has.syntax.fm

The Examples

This site uses astro. Each example is a separate page in the pages folder.

• The Basics
• Anywhere Selector #1
• Anywhere Selector #2
• Previous Element
• Target Layouts
• Form Validation
• All Siblings
• Quantity Queries
• Empty Children
• Nested Dropdowns
• Attribute Matching

Setup / Development

Install Dependencies

npm install

Run Dev Server

npm run dev