Главная
Study mode:
on
1
- Introduction
2
- What is Nesting?
3
- Descendant selectors and nesting multiple levels deep
4
- The ampersand / nesting selector
5
- When do we need to use &?
6
- What we can’t use & for
7
- Creating compound selectors
8
- using & for hover and focus
9
- using & with not
10
- Using the & after another selector
11
- Nested media queries
12
- Nesting can change the order of your declarations
13
- Specificity with nesting
14
- Readability and searchability of your code base
15
- Browser support
Description:
Explore the newly supported CSS nesting feature in this comprehensive 27-minute video tutorial. Learn about descendant selectors, the ampersand nesting selector, compound selectors, and nested media queries. Discover how to use nesting for hover and focus states, with the 'not' selector, and after other selectors. Understand the impact of nesting on declaration order, specificity, and code readability. Gain insights into browser support and potential gotchas when implementing CSS nesting in your projects.

Getting Started with CSS Nesting

Kevin Powell
Add to list
0:00 / 0:00