Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Learn Challenge: Style with Class Selectors | Getting Started with CSS
CSS Fundamentals

bookChallenge: Style with Class Selectors

Task

The website provides brief information about the planets. The task is:

  • Select all elements with the text class name and apply the color property with the value brown.
  • Select all elements with the sub-text class name and apply the color property with the value grey.
index.html

index.html

index.css

index.css

copy

Use . and its class name (e.g., .text) to select an element by its class name.

index.html

index.html

index.css

index.css

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 1. ChapterΒ 5

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

Can you show me where to add the CSS code?

What should the CSS code look like for these class selectors?

Do you want an explanation of how class selectors work in CSS?

Awesome!

Completion rate improved to 2.56

bookChallenge: Style with Class Selectors

Swipe to show menu

Task

The website provides brief information about the planets. The task is:

  • Select all elements with the text class name and apply the color property with the value brown.
  • Select all elements with the sub-text class name and apply the color property with the value grey.
index.html

index.html

index.css

index.css

copy

Use . and its class name (e.g., .text) to select an element by its class name.

index.html

index.html

index.css

index.css

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 1. ChapterΒ 5
some-alt