Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele 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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

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

Pyyhkäise näyttääksesi valikon

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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 2
some-alt