Элемент с бир нечата 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 та класс тўпинг ва яратинг. Бирор тегга бир вақтнинг ўзида яратган барча учита класснинг ҳаммосини белгиланг.