EN
CSS - tilde selector
0
points
In this article, we would like to show you the general sibling combinator (tilde selector) example in CSS.
Quick solution:
div ~ p {
background-color: red;
}
Practical example
In this section, we present example usage of the tilde selector (~) which selects all iterations of the second element, which are followed by the first element. The elements don't have to be specified right after.
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<style>
div ~ p {
background: yellow;
}
</style>
</head>
<body>
<div>div element</div>
<p>p element.</p>
<p>p element.</p>
<div>div element.</div>
<p>p element.</p>
<p>p element.</p>
</body>
</html>