I want to select all descendant elements of the element with class="x" this way:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.x * {
color: red;
}
</style>
</head>
<body>
a
<p>
b
<p class="x">
c
<p> should be red </p> foo
</p>
</p>
</body>
</html>
which unfortunately does not apply to those elements. neither *.x * does.
what am i doing wrong?
You can't have a <p> in a <p>. Try changing your inner <p> tag to a <span> tag.
Hope this helps
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With