Бірнеше 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 қандай да бір клас жасаңыз.
Кез келген тегге бір уақытта сіз ойлап тапқан барлық үш класты тағайындаңыз.