CSS Альманах 2025, Январь

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

Селектор: invalid позволяет вам выбирать элементы, которые не содержат допустимого содержимого, что определяется его атрибутом type. : недопустимый определен в CSS "

Общий родственный комбинатор (~) в CSS при использовании выглядит следующим образом: .featured-image ~ p (font-size: 90%;) В этом примере вы должны выбрать все "

Псевдокласс: focus в CSS используется для стилизации элемента, на который в данный момент нацеливается клавиатура или активируется с помощью мыши. Вот пример: "

Псевдоселектор: focus-within в CSS немного необычен, хотя хорошо назван и довольно интуитивно понятен. Он выбирает элемент, если этот элемент содержит любой "

Селектор: first-of-type в CSS позволяет настроить таргетинг на первое появление элемента в его контейнере. Он определен в CSS-селекторах уровня 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 () header h2 () "

Псевдоселектор: default будет соответствовать значению по умолчанию в группе связанных элементов, например переключателю в группе кнопок, выбранных с помощью "

Псевдокласс: checked в CSS выбирает элементы, когда они находятся в выбранном состоянии. Он связан только с элементами input () типа 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 определяет ширину области содержимого элемента. Эта область «содержимого» представляет собой часть внутри отступа, границы и поля «

Свойство white-space определяет, как текст обрабатывается в элементе, к которому он применяется. Допустим, у вас есть HTML-код в точности так: несколько слов вы "

Свойство масштабирования в CSS позволяет масштабировать контент. Он нестандартный, изначально был реализован только в Internet Explorer. Хотя несколько "

Свойство word-spacing похоже на letter-spacing, хотя, естественно, его использование регулирует количество пространства между словами в фрагменте текста, а не "