Как обращаться к дочернему элементу в css?

Пользователь

от johnpaul.blick , в категории: HTML/CSS , 6 месяцев назад

Как обращаться к дочернему элементу в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от nelle , 6 месяцев назад

@johnpaul.blick 

Для обращения к дочернему элементу в CSS можно использовать селектор потомка или селектор дочернего элемента.

  1. Селектор потомка используется следующим образом: родительский элемент потомок { свойства стиля; } Например, если у вас есть структура HTML вида: то вы можете обратиться к дочернему элементу p следующим образом: .parent p { свойства стиля; }
  2. Селектор дочернего элемента используется следующим образом: родительский элемент > дочерний элемент { свойства стиля; } Например, если у вас есть структура HTML вида: то вы можете обратиться к дочернему элементу p следующим образом: .parent > p { свойства стиля; }


Оба этих способа позволяют обращаться к дочернему элементу в CSS. Разница между ними заключается в том, что селектор потомка выбирает все дочерние элементы, которые находятся внутри указанного родительского элемента, в то время как селектор дочернего элемента выбирает только дочерний элемент, который является прямым потомком указанного родительского элемента.