-
< !DOCTYPE html >
< html>
< head>
< style>
h1 {
background-color: green;
}
div {
background-color: red;
}
p {
background-color: blue;
}
< /style>
< /head>
< body>
< h1>CSS background-color example!< /h1>
< div>
This is a text inside a div element.
< p>This paragraph has its own background color.< /p>
We are still in the div element.
< /div>
< /body>
< /html>
-
div + p { } - Selecione e estilize todos os elementos
que são colocados imediatamente após os elementos
h1, p { } - Selecione e estilize todos os elementos
E todos os elementos
div p { } - Selecione e estilize todos os elementos
que estão dentro dos elementos
div > p { } - Selecione e estilize cada elemento
em que o pai é um elemento
-
a-
CSS element+element Selector
Select and style every <p> element that are placed immediately after <div> elements:
div + p {
background-color: yellow;
}
https://www.w3schools.com/cssref/sel_element_pluss.asp