Element mitme CSS-klassiga

Võib korraga määrata ühele ja samale märgendile mitu CSS-klassi. Selleks tuleb atribuudis class need klassid loetleda tühikuga eraldatuna.

Vaatame näidet. Oletame, et meil on mitu CSS-klassi:

css.error {
  color: red;
}
.large {
  font-size: 30px;
  font-family: Arial;
}

Määrame lõigule nii ühe kui ka teise klassi:

html<p class="error large">
  lorem ipsum
</p>

Задание 1

Oletame, et teil on antud järgmised klassid:

css.success {
  color: green;
}
.error {
  color: red;
}
.large {
  font-size: 30px;
}
.small {
  font-size: 20px;
}

Oletame, et teil on ka 4 lõiku. Esitatud klasside abil tehke nii, et esimene lõik oleks roheline ja suure fondiga, teine lõik - punane ja väikese fondiga, kolmas lõik - punane ja suure fondiga, ning neljas - roheline ja väikese fondiga.

Задание 2

Mõelge välja ja looge 3 mõnda klassi. Määrake mõnele märgendile korraga kõik kolm teie poolt välja mõeldud klassi.