Элемент з некалькімі CSS класамі
Можна адначасова задаць некалькі CSS класаў
якому-небудзь тэгу. Для гэтага ў атрыбуце
class гэтыя класы трэба пералічыць
праз прабел.
Давайце паглядзім на прыкладзе. Хай у нас ёсць некалькі CSS класаў:
.error {
color: red;
}
.large {
font-size: 30px;
font-family: Arial;
}
Зададзім абзацу і адзін клас, і другі:
<p class="error large">
lorem ipsum
</p>
Хай у вас даны наступныя класы:
.success {
color: green;
}
.error {
color: red;
}
.large {
font-size: 30px;
}
.small {
font-size: 20px;
}
Хай у вас таксама ёсць 4 абзацы. З
дапамогай прадстаўленых класаў зрабіце так,
каб першы абзац быў зялёны і з вялікім
шрыфтам, другі абзац - чырвоным і з маленькім
шрыфтам, трэці абзац - чырвоным і з вялікім
шрыфтам, а чацвёрты - зялёным і з маленькім
шрыфтам.
Прыдумайце і зрабіце 3 якія-небудзь
класы. Задайце якому-небудзь тэгу адначасова
ўсе тры прыдуманыя вамі класы.