Skip to content

Commit fd8cc7d

Browse files
fix(curriculum): remove videos from CSS specificity lecture block (freeCodeCamp#61579)
1 parent d32f06d commit fd8cc7d

File tree

8 files changed

+13
-68
lines changed

8 files changed

+13
-68
lines changed

curriculum/challenges/english/25-front-end-development/lecture-css-specificity-the-cascade-algorithm-and-inheritance/672aa62178d5ff57fe4f98e0.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672aa62178d5ff57fe4f98e0
33
title: What Is CSS Specificity, and the Specificity for Inline, Internal, and External CSS?
4-
challengeType: 11
5-
videoId: prBqPmNfLWA
4+
challengeType: 19
65
dashedName: what-is-css-specificity-and-the-specificity-for-inline-internal-and-external-css
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What is CSS specificity and the specificity for inline, internal, and external CSS?
16-
1710
CSS specificity is a fundamental concept that determines which styles are applied to an element when multiple rules could apply.
1811

1912
Understanding specificity helps developers resolve conflicts between different CSS rules and ensures that the desired styles are consistently applied.

curriculum/challenges/english/25-front-end-development/lecture-css-specificity-the-cascade-algorithm-and-inheritance/672b8e7eca8a4322306d15f8.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672b8e7eca8a4322306d15f8
33
title: What Is the Universal Selector, and What Is Its Specificity?
4-
challengeType: 11
5-
videoId: yaVWc4MGasE
4+
challengeType: 19
65
dashedName: what-is-the-universal-selector
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What is the universal selector and what is its specificity?
16-
1710
The universal selector (`*`) is a special type of CSS selector that matches any element in the document.
1811

1912
It is often used to apply a style to all elements on the page, which can be useful for resetting or normalizing styles across different browsers.

curriculum/challenges/english/25-front-end-development/lecture-css-specificity-the-cascade-algorithm-and-inheritance/672b8e8adcc27e235a154231.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672b8e8adcc27e235a154231
33
title: What Is the Specificity for Type Selectors?
4-
challengeType: 11
5-
videoId: E1hSIBfnZ0s
4+
challengeType: 19
65
dashedName: what-is-the-specificity-for-type-selectors
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What is the specificity for type selectors?
16-
1710
Type selectors, also known as element selectors, target elements based on their tag name.
1811

1912
These selectors are fundamental in CSS and allow you to apply styles to all instances of a specific HTML element.

curriculum/challenges/english/25-front-end-development/lecture-css-specificity-the-cascade-algorithm-and-inheritance/672b8e9892eafe238d6513a5.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672b8e9892eafe238d6513a5
33
title: What Is the Specificity for Class Selectors?
4-
challengeType: 11
5-
videoId: VdC1xe7n8es
4+
challengeType: 19
65
dashedName: what-is-the-specificity-for-class-selectors
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What is the specificity for class selectors?
16-
1710
Class selectors are a key part of CSS, allowing developers to target multiple elements with the same class attribute and apply consistent styling.
1811

1912
This makes them highly versatile and efficient for applying styles across a website.

curriculum/challenges/english/25-front-end-development/lecture-css-specificity-the-cascade-algorithm-and-inheritance/672b8ea434ceac23cc90f337.md

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -9,12 +9,6 @@ dashedName: what-is-the-specificity-for-id-selectors
99

1010
# --description--
1111

12-
Read the transcript and answer the questions below.
13-
14-
# --transcript--
15-
16-
What is the specificity for ID selectors?
17-
1812
ID selectors are among the most powerful selectors in CSS, allowing developers to apply styles to specific elements with unique identifiers.
1913

2014
This makes them highly effective for targeting individual elements that need unique styling.
@@ -83,7 +77,7 @@ A class selector.
8377

8478
### --feedback--
8579

86-
Review the last part of the video for the answer.
80+
Review the last part of the lecture for the answer.
8781

8882
---
8983

@@ -95,15 +89,15 @@ An attribute selector.
9589

9690
### --feedback--
9791

98-
Review the last part of the video for the answer.
92+
Review the last part of the lecture for the answer.
9993

10094
---
10195

10296
A type selector.
10397

10498
### --feedback--
10599

106-
Review the last part of the video for the answer.
100+
Review the last part of the lecture for the answer.
107101

108102
## --video-solution--
109103

curriculum/challenges/english/25-front-end-development/lecture-css-specificity-the-cascade-algorithm-and-inheritance/672b8f1399cabc2406c3227f.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672b8f1399cabc2406c3227f
33
title: What Is the important Keyword, and What Are the Best Practices for Using It?
4-
challengeType: 11
5-
videoId: 3anMUQeGi6s
4+
challengeType: 19
65
dashedName: what-is-the-important-keyword
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
What is the `!important` keyword in CSS, and what are the best practices for using it?
16-
1710
The `!important` keyword in CSS is used to give a style rule the highest priority, allowing it to override any other declarations for a property.
1811

1912
When used, it forces the browser to apply the specified style, regardless of the specificity of other selectors.

curriculum/challenges/english/25-front-end-development/lecture-css-specificity-the-cascade-algorithm-and-inheritance/672b8f23511adf25646b4236.md

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672b8f23511adf25646b4236
33
title: How Does the Cascade Algorithm Work at a High Level?
4-
challengeType: 11
5-
videoId: rSqLjJyT3GU
4+
challengeType: 19
65
dashedName: how-does-the-cascade-algorithm-work-at-a-high-level
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
How does the Cascade Algorithm work at a high level?
16-
1710
The Cascade Algorithm is the process the browser uses to decide which CSS rules to apply when there are multiple styles targeting the same element. It ensures that the most appropriate styles are used, based on a set of well-defined rules.
1811

1912
The process begins with **relevance**. The browser first filters all the CSS rules to find those that actually apply to the element in question. This includes matching selectors and considering media queries that might be in effect.
@@ -106,15 +99,15 @@ Parts of the styles from each rule will apply.
10699

107100
### --feedback--
108101

109-
Review the end of the video where the example was shown for this.
102+
Review the end of the lecture where the example was shown for this.
110103

111104
---
112105

113106
The program will crash.
114107

115108
### --feedback--
116109

117-
Review the end of the video where the example was shown for this.
110+
Review the end of the lecture where the example was shown for this.
118111

119112
---
120113

@@ -126,7 +119,7 @@ None of the styles will apply.
126119

127120
### --feedback--
128121

129-
Review the end of the video where the example was shown for this.
122+
Review the end of the lecture where the example was shown for this.
130123

131124
## --video-solution--
132125

curriculum/challenges/english/25-front-end-development/lecture-css-specificity-the-cascade-algorithm-and-inheritance/672b8f382370e025aadd3f4e.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,12 @@
11
---
22
id: 672b8f382370e025aadd3f4e
33
title: How Does Inheritance Work with CSS at a High Level?
4-
challengeType: 11
5-
videoId: ZxsISsy8MnM
4+
challengeType: 19
65
dashedName: how-does-inheritance-work-with-css-at-a-high-level
76
---
87

98
# --description--
109

11-
Watch the video or read the transcript and answer the questions below.
12-
13-
# --transcript--
14-
15-
How does inheritance work with CSS at a high level?
16-
1710
Inheritance is a key concept in CSS that determines how styles are passed down from parent elements to their child elements.
1811

1912
Just like in the real world, where children often inherit traits from their parents, in CSS, certain properties can be inherited by child elements from their parent elements.

0 commit comments

Comments
 (0)