Команда supports

Командата @supports задава стил на елементите земајќи ги предвид можностите поддржани од прелистувачот. Во оваа команда може да се креираат услови со помош на логички оператори not, and, or.

Синтакса

@supports услов {
	
}

Пример

Ајде да поставиме услов, дека ако вашиот прелистувач поддржува својство display со вредност flex, тогаш ќе се прикаже само параграф со соодветен текст, при што бојата на неговиот фонт ќе биде сина:

<p class="yes">Your browser support display: flex.</p>
<p class="no">Your browser does not support display: flex.</p>

@supports (display: flex) {
	.no {
		display: none;
	}
	p {
		color: #467CBC;
	}
}
@supports not (display: flex) {
	.yes {
		display: none;
	}
}

Погледнете ги исто така

команда @import,
која импортира CSS-датотека
команда @media,
која задава стил за тип на медиум
команда !important,
која задава приоритет на стилот