Стиль по тегу в теге div

Question

не уверен, возможно ли это, но вы можете стилизовать один тег в теге div? Например, могу ли я поместить <div> в раздел моей страницы и сказать, чтобы все <h2> теги были зелеными? это возможно, или вы должны использовать классы? спасибо

Answer 1

Если я понимаю, что вы спрашиваете правильно, то да, это возможно. Вот пример .Для получения дополнительной информации читайте о CSS селекторах .

. При повторном чтении вопроса, единственный способ стилизовать произвольный элемент внутри div - это использовать классы или id (с CSS).селекторы). Вот еще один пример стилизация одного элемента с помощью селекторов.

Answer 2

Для любого отдельного произвольного элемента вы должны использовать идентификатор или класс одноразового использования и выберите следующее:

#green-headings h2 { color: green; }

Однако, если есть некоторая структурная информация о вашем <div>, которую можно запрашивать с помощью селекторов CSS, вы можете использовать псевдоклассы CSS без необходимости добавлять ID или класс в вашу разметку. Например, если ваш <div> всегда является первым дочерним элементом body:

body > div:first-child h2 { color: green; }

Answer 3

фон для зеленого HTML

<div> 
   <p>hello everyone!</p>
   <div> hi. i'm a green bgd box</div>
   <p>nice. i don't have background.</p>
</div>

CSS

div > div {background-color: green}