Альманах CSS 2025, Січень

Селектор #id дозволяє націлити елемент, посилаючись на атрибут id HTML. Подібно до того, як атрибути класу позначаються в CSS з "періодом" "

Недійсний селектор дозволяє вибирати елементи, які не містять дійсного вмісту, що визначається атрибутом його типу. : недійсний визначений у CSS "

Загальний комбінатор братів та сестер (~) у CSS виглядає так: "featured-image ~ p (розмір шрифту: 90%;). У цьому прикладі ви вибрали б усі "

Псевдоклас: focus у CSS використовується для стилізації елемента, на який в даний час націлена клавіатура або активований за допомогою миші. Ось приклад: "

Псевдоселектор: focus-within у CSS дещо незвичний, хоча добре названий та досить інтуїтивний. Він вибирає елемент, якщо цей елемент містить будь-який "

Селектор: first-type типу в CSS дозволяє націлити перше виникнення елемента в його контейнері. Це визначено в CSS Selectors Level 3 "

Псевдоклас: hover у CSS вибирає елементи, коли курсор миші знаходиться над ними. Це зазвичай асоціюється із посиланням () "

Псевдоелемент :: first-line призначений для застосування стилів до першого рядка елемента. Уявіть абзац довжиною у кілька рядків (як цей!) ".

Селектор: first-child дозволяє націлити перший елемент безпосередньо всередині іншого елемента. Це визначено в специфікації CSS Selectors Level 3 як "

:: first-letter - це псевдоелемент, який дозволяє стилізувати першу літеру в елементі, без необхідності наклеювати тег навколо цього першого "

Псевдоселектор: empty вибере елементи, які не містять нічого, ні лише коментар HTML. div: empty (display: none;) Збігатиметься "

Дочірній комбінатор у CSS є символом "більше ніж", він виглядає так: ol> li (color: red;) Це означає "виділити елементи, які є прямими нащадками"

Псевдоклас: enabled у CSS вибирає фокусуючі елементи, які не відключені, а отже, включені. Це пов'язано лише з елементами форми "

Селектор класу в CSS починається з крапки (.), Наприклад: .class () Селектор класу виділяє всі елементи з відповідним атрибутом класу. Наприклад,"

Псевдо-клас: dir () у CSS дозволяє вибирати елементи на основі напрямку мови, як визначено у розмітці HTML. Є насправді "

Селектор псевдокласу: disabled забезпечує умовне стилювання елементів HTML, які можуть отримувати введення користувачем, коли елементи вимкнені "

Селектор нащадків у CSS - це будь-який селектор з пробілом між двома селекторами без комбінатора. Ось кілька прикладів: заголовок ul li () h2 () "

Псевдоселектор: за замовчуванням буде відповідати за замовчуванням у групі пов’язаних елементів, наприклад, перемикач у групі кнопок, який вибрано "

Псевдо-клас: перевірено в CSS вибирає елементи, коли вони перебувають у вибраному стані. Це пов'язано лише з елементами введення () типу radio і "

Псевдо-клас: blank будується на псевдо-класі: empty. Як: empty,: blank буде виділити елементи, які взагалі нічого не містять, або містять лише HTML "

Існує безліч способів вибору елементів у CSS. Найпростіший вибір - за назвою тегу, наприклад p (). Майже щось більш конкретне, ніж тег "

Псевдоелементи :: before і :: after у CSS дозволяють вставляти вміст на сторінку без необхідності в HTML. Хоча кінцевий результат не "

Div (z-index: 1; / * integer * /) Властивість z-index у CSS контролює вертикальний порядок укладання елементів, що перекриваються. Як і в, який із них виглядає як "

Псевдо-клас: any-link у CSS надає метод вибору елементів, які є вихідним прив'язкою гіперпосилання. Якщо термін якір джерела втратив вас, "

Псевдоселектор: active змінює зовнішній вигляд посилання під час його активації (натискання або активація іншим чином). Зазвичай це видно лише "

Сусідній комбінатор братів і сестер у CSS - це не селектор сам по собі, а спосіб поєднання двох селекторів. Наприклад: p + p (margin: 0;) Знак плюс "

Властивість width у CSS визначає ширину області вмісту елемента. Ця область "вмісту" - це частина всередині заповнення, межі та поля "

Властивість пробілу контролює спосіб обробки тексту з елементом, до якого він застосований. Скажімо, у вас є HTML саме такий: купа слів, які ви "

Властивість масштабування в CSS дозволяє масштабувати вміст. Він нестандартний і спочатку був реалізований лише в Internet Explorer. Хоча кілька "

Властивість інтервалу слів схожа на інтервал між буквами, хоча, природно, його використання регулює величину пробілу між словами у фрагменті тексту, а не "