Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Oppiskele Haaste: Tyylittele Luokkavalitsimilla | CSS:n Käytön Aloittaminen
CSS:n Perusteet

bookHaaste: Tyylittele Luokkavalitsimilla

Tehtävä

Verkkosivusto tarjoaa lyhyitä tietoja planeetoista. Tehtävänä on:

  • Valitse kaikki elementit, joilla on text-luokan nimi, ja aseta color-ominaisuudeksi brown.
  • Valitse kaikki elementit, joilla on sub-text-luokan nimi, ja aseta color-ominaisuudeksi grey.
index.html

index.html

index.css

index.css

copy

Käytä . ja sen luokan nimeä (esim. .text) valitaksesi elementin luokan nimen perusteella.

index.html

index.html

index.css

index.css

copy

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 5

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

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

bookHaaste: Tyylittele Luokkavalitsimilla

Pyyhkäise näyttääksesi valikon

Tehtävä

Verkkosivusto tarjoaa lyhyitä tietoja planeetoista. Tehtävänä on:

  • Valitse kaikki elementit, joilla on text-luokan nimi, ja aseta color-ominaisuudeksi brown.
  • Valitse kaikki elementit, joilla on sub-text-luokan nimi, ja aseta color-ominaisuudeksi grey.
index.html

index.html

index.css

index.css

copy

Käytä . ja sen luokan nimeä (esim. .text) valitaksesi elementin luokan nimen perusteella.

index.html

index.html

index.css

index.css

copy

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 5
some-alt