Elements ar vairākām CSS klasēm
Vienlaikus var piešķirt vairākas CSS klases
kādam elementam. Lai to izdarītu, atribūtā
class šīs klases jāuzskaita
atdalot ar atstarpi.
Apskatīsim piemērā. Pieņemsim, ka mums ir vairākas CSS klases:
.error {
color: red;
}
.large {
font-size: 30px;
font-family: Arial;
}
Piešķirsim rindkopai gan vienu klasi, gan otru:
<p class="error large">
lorem ipsum
</p>
Pieņemsim, ka jums ir dotas šādas klases:
.success {
color: green;
}
.error {
color: red;
}
.large {
font-size: 30px;
}
.small {
font-size: 20px;
}
Pieņemsim, ka jums ir arī 4 rindkopas. Ar
uzrādīto klašu palīdzību izdariet tā,
lai pirmā rindkopa būtu zaļa un ar lielu
fontu, otrā rindkopa - sarkana un ar mazu
fontu, trešā rindkopa - sarkana un ar lielu
fontu, bet ceturtā - zaļa un ar mazu fontu.
Izdomājiet un izveidojiet 3 kādas
klases. Kādam elementam vienlaikus piešķiriet
visas trīs jūsu izdomātās klases.
