mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
fix(curriculum): remove videos from CSS specificity lecture block (#61579)
This commit is contained in:
+1
-8
@@ -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
-8
@@ -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
-8
@@ -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
-8
@@ -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.
|
||||
|
||||
+3
-9
@@ -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
-8
@@ -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.
|
||||
|
||||
+4
-11
@@ -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
-8
@@ -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.
|
||||
|
||||
Reference in New Issue
Block a user