Голосовое произношение на английском языке названий псевдоклассов имеющих отношение к дереву документа и используемых в CSS для задания стилей дочерним элементам.
Псевдоклассы определяют состояние уже существующих элементов, которое может меняться при определенных условиях.
:first-child - псевдокласс, задаёт стиль первого элемента в группе братских элементов (имеющих одного родителя). Пример: article h1:first-child { color: red }
:last-child псевдокласс, задаёт стиль последнего элемента в группе братских элементов (имеющих одного родителя). - Пример: article:last-child { color: red; }
:only-child псевдокласс, применяется к дочернему элементу, только если он является единственным у родителя. - Пример: article :only-child { color: red; }
Выберет все единственные элементы и установит для них красный цвет текста, например в article
вложен элемент p
, который имеет единственного потомка time
, вот этому time
и будет присвоен красный цвет.
:last-of-type псевдокласс, задаёт стиль последнего элемента определённого типа в группе братских элементов (имеющих одного родителя). - Пример: article :last-of-type { color: red; } /* выберет последние элементы каждого типа из article и установит для них красный цвет текста */
:first-of-type псевдокласс, задаёт стиль первого элемента определённого типа в группе элементов имеющих одного родителя- Пример: article p:first-of-type { color: red; } /* будет выбран первый абзац внутри article и выделен красным цветом. */
:only-of-type псевдокласс, применяется к дочернему элементу указанного типа, только если он единственный у родителя. - Пример: article :only-of-type { color: red; }
Без указания селектора выберет все единственные элементы каждого типа внутри article
и установит для них красный цвет текста.
Мир: | 2200 7704 4708 4353 |
Яндекс: | 41 00 11 25 13 54 962 |
Киви: | ALEKS33550336 |