CSS Альманах 2024, Декабрь

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

Псевдоселектор: active изменяет внешний вид ссылки во время ее активации (щелчка или активации другим способом). Обычно это только видно "

Псевдокласс: any-link в CSS предоставляет метод выбора элементов, которые являются исходным якорем гиперссылки. Если якорь источника термина потерял вас, "

Div (z-index: 1; / * integer * /) Свойство z-index в CSS управляет вертикальным порядком наложения перекрывающихся элементов. То, что отображается как "

Псевдоэлементы :: before и :: after в CSS позволяют вставлять контент на страницу без необходимости его размещения в HTML. Пока конечного результата нет »

Есть много способов выбора элементов в CSS. Самый простой выбор - по имени тега, например p (). Почти что-либо более конкретное, чем тег "

Псевдокласс: blank основан на псевдоклассе: empty. Например: empty,: blank выберет элементы, которые вообще ничего не содержат или содержат только HTML "

Псевдокласс: checked в CSS выбирает элементы, когда они находятся в выбранном состоянии. Он связан только с элементами input () типа radio и "

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

Селектор-потомок в CSS - это любой селектор с пробелом между двумя селекторами без комбинатора. Вот несколько примеров: ul li () header h2 () "

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

Псевдокласс: dir () в CSS позволяет выбирать элементы в зависимости от направления языка, как определено в разметке HTML. Есть действительно "

Селектор класса в CSS начинается с точки (.), Например: .class () Селектор класса выбирает все элементы с соответствующим атрибутом класса. Например,"

Псевдокласс: enabled в CSS выбирает фокусируемые элементы, которые не отключены и, следовательно, включены. Он связан только с элементами формы "

Дочерний комбинатор в CSS - это символ «больше чем», он выглядит так: ol> li (color: red;) Это означает «выбрать элементы, которые являются прямыми потомками»

Псевдоселектор: empty выберет элементы, которые не содержат ничего или только HTML-комментарий. div: empty (display: none;) Соответствует "

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

Селектор: first-child позволяет вам нацелить первый элемент непосредственно внутри другого элемента. Он определен в спецификации CSS Selectors Level 3 как "

Псевдоэлемент :: first-line предназначен для применения стилей к первой строке элемента. Представьте себе абзац длиной в несколько строк (как этот!) ».

Псевдо-класс: hover в CSS выбирает элементы, когда курсор мыши находится над ними. Обычно он ассоциируется со ссылкой () "

Селектор: first-of-type в CSS позволяет настроить таргетинг на первое появление элемента в его контейнере. Он определен в CSS-селекторах уровня 3 "

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

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

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

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

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

: is () - текущее имя псевдокласса «Соответствует любому» в рабочем проекте CSS4. Первоначально этот псевдокласс назывался any () и был реализован "

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

Селектор псевдокласса: lang () в CSS сопоставляет элементы в зависимости от контекста данного языкового атрибута. Язык в HTML определяется знаком "

Псевдоселектор: in-range в CSS соответствует элементам ввода, когда их значение находится в пределах диапазона, указанного как приемлемый. Это часть CSS "