Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Class Selectors | Selecting and Targeting Elements
CSS Foundations

bookClass Selectors

index.html

index.html

style.css

style.css

copy

When you want to style several elements in the same way, you can give them a shared class. A class selector in CSS starts with a period (.) followed by the class name. This lets you target any element that has that class attribute. You can use the same class on as many elements as you like, making it easy to apply the same styles to multiple parts of your page. For example, if you add class="highlight" to different elements in your HTML, and then write .highlight { ... } in your CSS, all those elements will share the same style. This approach is flexible and makes your stylesheets more efficient and organized.

question mark

Which of the following is the correct syntax for selecting elements with a class named "highlight" in CSS?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you show me an example of how to use a class selector in HTML and CSS?

What is the difference between a class selector and an ID selector in CSS?

Can I use multiple classes on a single HTML element? If so, how?

Awesome!

Completion rate improved to 6.67

bookClass Selectors

Swipe um das Menü anzuzeigen

index.html

index.html

style.css

style.css

copy

When you want to style several elements in the same way, you can give them a shared class. A class selector in CSS starts with a period (.) followed by the class name. This lets you target any element that has that class attribute. You can use the same class on as many elements as you like, making it easy to apply the same styles to multiple parts of your page. For example, if you add class="highlight" to different elements in your HTML, and then write .highlight { ... } in your CSS, all those elements will share the same style. This approach is flexible and makes your stylesheets more efficient and organized.

question mark

Which of the following is the correct syntax for selecting elements with a class named "highlight" in CSS?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2
some-alt