Css3 псевдокласи: in-range, out-of-range, indeterminate.

Відео: Урок 14 - Псевдокласи. Частина 1

Відео: css псевдоклас nth child і робота з ним

Сьогодні ми продовжимо дізнаватися про нові псевдокласи і розберемо такі з них як in-range, out-of-range і indeterminate.

Перший з них - in-range.

Потрібен він для того, щоб стилізувати елементи input з типом range. Працює тоді, коли значення, введені користувачем, знаходяться в можливому для нього діапазоні.

input:in-range { 
 background:# 0f0- 
}

далі йде out-of-range. Він стилізує елементи input, у яких значення НЕ знаходяться в зазначеному діапазоні.

input:out-of-range { 
 background: red- 
}

Ще один корисний псевдоклас - indeterminate.

Він стилізує такі елементи як прапорці і перемикачі, коли вони знаходяться в невизначеному стані.

:indeterminate { 
 background: blue- 
}

Отже, на сьогодні це все нові псевдокласи. Тепер у вас ще більше можливостей для стилізації своїх елементів. Дякую за увагу і вдалого кодинга!

Поділися в соціальних мережах:

Схожі