fix(curriculum): remove videos from CSS specificity lecture block (#61579)

This commit is contained in:
Stuart Mosquera
2025-07-29 15:04:00 -03:00
committed by GitHub
parent d32f06dd1f
commit fd8cc7d34d
8 changed files with 13 additions and 68 deletions
@@ -1,19 +1,12 @@
---
id: 672aa62178d5ff57fe4f98e0
title: What Is CSS Specificity, and the Specificity for Inline, Internal, and External CSS?
challengeType: 11
videoId: prBqPmNfLWA
challengeType: 19
dashedName: what-is-css-specificity-and-the-specificity-for-inline-internal-and-external-css
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What is CSS specificity and the specificity for inline, internal, and external CSS?
CSS specificity is a fundamental concept that determines which styles are applied to an element when multiple rules could apply.
Understanding specificity helps developers resolve conflicts between different CSS rules and ensures that the desired styles are consistently applied.
@@ -1,19 +1,12 @@
---
id: 672b8e7eca8a4322306d15f8
title: What Is the Universal Selector, and What Is Its Specificity?
challengeType: 11
videoId: yaVWc4MGasE
challengeType: 19
dashedName: what-is-the-universal-selector
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What is the universal selector and what is its specificity?
The universal selector (`*`) is a special type of CSS selector that matches any element in the document.
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.
@@ -1,19 +1,12 @@
---
id: 672b8e8adcc27e235a154231
title: What Is the Specificity for Type Selectors?
challengeType: 11
videoId: E1hSIBfnZ0s
challengeType: 19
dashedName: what-is-the-specificity-for-type-selectors
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What is the specificity for type selectors?
Type selectors, also known as element selectors, target elements based on their tag name.
These selectors are fundamental in CSS and allow you to apply styles to all instances of a specific HTML element.
@@ -1,19 +1,12 @@
---
id: 672b8e9892eafe238d6513a5
title: What Is the Specificity for Class Selectors?
challengeType: 11
videoId: VdC1xe7n8es
challengeType: 19
dashedName: what-is-the-specificity-for-class-selectors
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What is the specificity for class selectors?
Class selectors are a key part of CSS, allowing developers to target multiple elements with the same class attribute and apply consistent styling.
This makes them highly versatile and efficient for applying styles across a website.
@@ -9,12 +9,6 @@ dashedName: what-is-the-specificity-for-id-selectors
# --description--
Read the transcript and answer the questions below.
# --transcript--
What is the specificity for ID selectors?
ID selectors are among the most powerful selectors in CSS, allowing developers to apply styles to specific elements with unique identifiers.
This makes them highly effective for targeting individual elements that need unique styling.
@@ -83,7 +77,7 @@ A class selector.
### --feedback--
Review the last part of the video for the answer.
Review the last part of the lecture for the answer.
---
@@ -95,7 +89,7 @@ An attribute selector.
### --feedback--
Review the last part of the video for the answer.
Review the last part of the lecture for the answer.
---
@@ -103,7 +97,7 @@ A type selector.
### --feedback--
Review the last part of the video for the answer.
Review the last part of the lecture for the answer.
## --video-solution--
@@ -1,19 +1,12 @@
---
id: 672b8f1399cabc2406c3227f
title: What Is the important Keyword, and What Are the Best Practices for Using It?
challengeType: 11
videoId: 3anMUQeGi6s
challengeType: 19
dashedName: what-is-the-important-keyword
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
What is the `!important` keyword in CSS, and what are the best practices for using it?
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.
When used, it forces the browser to apply the specified style, regardless of the specificity of other selectors.
@@ -1,19 +1,12 @@
---
id: 672b8f23511adf25646b4236
title: How Does the Cascade Algorithm Work at a High Level?
challengeType: 11
videoId: rSqLjJyT3GU
challengeType: 19
dashedName: how-does-the-cascade-algorithm-work-at-a-high-level
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
How does the Cascade Algorithm work at a high level?
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.
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,7 +99,7 @@ Parts of the styles from each rule will apply.
### --feedback--
Review the end of the video where the example was shown for this.
Review the end of the lecture where the example was shown for this.
---
@@ -114,7 +107,7 @@ The program will crash.
### --feedback--
Review the end of the video where the example was shown for this.
Review the end of the lecture where the example was shown for this.
---
@@ -126,7 +119,7 @@ None of the styles will apply.
### --feedback--
Review the end of the video where the example was shown for this.
Review the end of the lecture where the example was shown for this.
## --video-solution--
@@ -1,19 +1,12 @@
---
id: 672b8f382370e025aadd3f4e
title: How Does Inheritance Work with CSS at a High Level?
challengeType: 11
videoId: ZxsISsy8MnM
challengeType: 19
dashedName: how-does-inheritance-work-with-css-at-a-high-level
---
# --description--
Watch the video or read the transcript and answer the questions below.
# --transcript--
How does inheritance work with CSS at a high level?
Inheritance is a key concept in CSS that determines how styles are passed down from parent elements to their child elements.
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.