CSS приклад: Псевдокласс :only-child

Псевдоклас :only-child

Псевдоклас :only-child застосовується до дочірнього елементу лише у випадку, якщо він єдиний у батька. Аналогічний використанню :first-child:last-child або :nth-child(1):nth-last-child(1).

Синтаксис

елемент:only-child { ... }

Браузери

У Safari до версії 3.0 псевдоклас :only-child сприймається як :first-child.

Псевдокласи

Часті запитання

  • Q: Як використовувати псевдоклас :only-child в CSS?

    A: Псевдоклас :only-child використовується для вибору елементів, які є єдиними дочірніми елементами свого батьківського елемента.

  • Q: Як вказати стилі для елементів, які є єдиними дочірніми елементами?

    A: Для вказання стилів для єдиних дочірніх елементів використовують псевдоклас :only-child у CSS.

  • Q: Як обійти псевдоклас :only-child, якщо потрібно вибрати всі елементи, крім єдиних дочірніх?

    A: Для вибору всіх елементів, крім єдиних дочірніх, можна використовувати комбінацію псевдокласів :not та :only-child.

  • Q: Для чого корисний псевдоклас :only-child?

    A: Псевдоклас :only-child корисний для стилізації елементів, які є єдиними дочірніми елементами.

  • Q: Де можна використовувати псевдоклас :only-child?

    A: Псевдоклас :only-child можна використовувати в CSS для стилізації єдиних дочірніх елементів у будь-якому контексті.