Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS @scope: Simplifying Naming and Specificity Management

Kevin Powell via YouTube

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This short course explains how CSS @scope can help avoid selector conflicts by limiting where styles apply. It covers scope proximity, specificity, selector syntax, inheritance, and browser support.

Syllabus

- Introduction
- Why you might want scope in the first place
- Avoiding this issue using @scope
- Why this solves the problem - scope proximity
- Specificity still matters
- CSS Demystified
- Stop running into specificity issues thanks to scope
- Stop the scope at a specific element or elements
- You can have selector lists if you need to target several elements
- The difference between & and :scope
- Things will still inherit!
- Using inline style blocks
- Browser support

Taught by

Kevin Powell

Reviews

Start your review of CSS @scope: Simplifying Naming and Specificity Management

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.