Псевдоклассы. Страница 1.

Произношение ключевых слов CSS на английском.

Надпись «Псевдоклассы» и логотип «HTML CSS» на сине-зеленом фоне

Голосовое произношение на английском языке названий псевдоклассов имеющих отношение к дереву документа и используемых в CSS для задания стилей дочерним элементам.

Псевдоклассы определяют состояние уже существующих элементов, которое может меняться при определенных условиях.

Слушать произношение:

  • first-child
  • - [fəːst tʃʌɪld] -
  • первый потомок

:first-child - псевдокласс, задаёт стиль первого элемента в группе братских элементов (имеющих одного родителя). Пример: article h1:first-child { color: red }

  • last-child
  • - [lɑːst tʃʌɪld] -
  • последний потомок

:last-child псевдокласс, задаёт стиль последнего элемента в группе братских элементов (имеющих одного родителя). - Пример: article:last-child { color: red; }

  • only-child
  • - [ˌəʊn.li ˈtʃaɪld] -
  • единственный потомок

:only-child псевдокласс, применяется к дочернему элементу, только если он является единственным у родителя. - Пример: article :only-child { color: red; }
Выберет все единственные элементы и установит для них красный цвет текста, например в article вложен элемент p, который имеет единственного потомка time, вот этому time и будет присвоен красный цвет.

  • last-of-type
  • - [lɑːst ɒv taɪp] -
  • последний из типа

:last-of-type псевдокласс, задаёт стиль последнего элемента определённого типа в группе братских элементов (имеющих одного родителя). - Пример: article :last-of-type { color: red; } /* выберет последние элементы каждого типа из article и установит для них красный цвет текста */

  • first-of-type
  • - [fəːst ɒv taɪp] -
  • первый тип

:first-of-type псевдокласс, задаёт стиль первого элемента определённого типа в группе элементов имеющих одного родителя- Пример: article p:first-of-type { color: red; } /* будет выбран первый абзац внутри article и выделен красным цветом. */

  • only-of-type
  • - [ˈəʊnli ɒv taɪp] -
  • единственный из типа

Другие варианты перевода: только по типу, только типа

:only-of-type псевдокласс, применяется к дочернему элементу указанного типа, только если он единственный у родителя. - Пример: article :only-of-type { color: red; }
Без указания селектора выберет все единственные элементы каждого типа внутри article и установит для них красный цвет текста.

  • pseudo class
  • - [ˈsjuːdəʊ klɑːs] -
  • псевдо класс
  • pseudo
  • - [ˈsjuːdəʊ] -
  • псевдо

Другие варианты перевода: ложный, фальшивый, поддельный

  • class
  • - [klɑːs] -
  • класс
  1. Страницы:
  2. 1
  3. 2
  4. 3
  5. 4
  6. 5
  7. Смотреть все
Мир: 2200 7704 0666 4963
Яндекс: 41 00 11 25 13 54 962
Киви: ALEKS33550336
  1. Похожие страницы:
  2. Произношение названий тегов HTML.
  3. Атрибуты HTML на английском.
  4. Произношение значений атрибутов.
  5. Слова и фразы на тему HTML.
Оглавление раздела «CSS»
  1. Дескрипторы и атрибуты.
  2. Наследование или сбрасывание значений.
  3. Ключевые слова CSS для создания содержимого.
  4. Псевдоклассы.
  5. Псевдоэлементы.
  6. Название цветов используемых в CSS.
  7. Свойства для изменения цвета и фона.
  8. Раздел «CSS».Главная страница раздела
  9. Тематический аудио-класс.Смотреть все