CSS bootcamp · Lab 32

Before content

mediumPseudo Element12 minLesson: Pseudo-elements

← First child boldAll labsList style none →

Read the question, write CSS on the right, then Preview or Check.

QuestionHint and solution stay closed until you open them

.lead::before content "Note: ".

Examples

Example 1
Expected
::before
Hint
  1. content: "Note: ";
Show correct code

Peek only after you have tried. You can still Check your own version.

.lead::before {
  content: "Note: ";
  color: #9a3412;
}
.lead {
  color: #9a3412;
}
styles.cssLive preview · Check reads computed styles
ResultIdle
Run to see output. Check grades the tests.