Lessons: 19Length: 2.2 hours
- Overview
- Transcript
5.1 Scoped Styles
When dealing with large websites, especially sites managed by multiple developers, it’s difficult to avoid having your CSS styles conflict with each other. In this lesson, we’ll take a look at the current state of scoped styles and how they can help alleviate this issue.
1.Welcome
1.1Introduction01:38
1.1
Introduction
01:38
1.2The Standardization Process04:31
1.2
The Standardization Process
04:31
2.Level 4 Selectors
2.1The Negation Pseudo-Class07:13
2.1
The Negation Pseudo-Class
07:13
2.2The :has Pseudo-Class09:07
2.2
The :has Pseudo-Class
09:07
2.3Combining :has and :not08:22
2.3
Combining :has and :not
08:22
2.4Efficient Selection With :matches07:16
2.4
Efficient Selection With :matches
07:16
2.5Working With Links05:02
2.5
Working With Links
05:02
2.6Selecting :blank Elements03:47
2.6
Selecting :blank Elements
03:47
3.Styling Tables
3.1Selecting Table Columns04:50
3.1
Selecting Table Columns
04:50
3.2Column Pseudo-Classes08:06
3.2
Column Pseudo-Classes
08:06
4.Layout Options
4.1The Grid Layout03:59
4.1
The Grid Layout
03:59
4.2Implementing the Grid Layout10:25
4.2
Implementing the Grid Layout
10:25
4.3The Flexbox Model10:26
4.3
The Flexbox Model
10:26
5.Other Options
5.1Scoped Styles06:20
5.1
Scoped Styles
06:20
5.2Introducing Blend Modes04:20
5.2
Introducing Blend Modes
04:20
5.3Implementing Blend Modes09:16
5.3
Implementing Blend Modes
09:16
5.4Using calc()14:05
5.4
Using calc()
14:05
5.5CSS Variables11:30
5.5
CSS Variables
11:30
6.Conclusion
6.1Final Thoughts02:42
6.1
Final Thoughts
02:42
