Hi!
Is there a selector by which I can select every <dd> which is under a
specific <dt>, but not after any other <dt>?
Take this for example:
<dl>
<dt>red</dt>
<dd>pink</dd>
<dd>darkred</dd>
<dt class="collapse">green</dt>
<dd>lightgreen</dd>
<dd>darkgreen</dd>
<dt>blue</dt>
<dd>lightblue</dd>
<dd>darkblue</dd>
</dl>
In the example above, I want to select the "dd" elements under
"dt.collapse".
What I can do is:
dt.collapse + dd,
dt.collapse + dd + dd,
dt.collapse + dd + dd + dd {
display: none;
}
I wish there was a better selector. With a selector like the above
one, only a limited amount of elements can be selected, and it feels
like there could be a better way.
_______________________________________________
dev-tech-layout mailing list
[email protected]
https://lists.mozilla.org/listinfo/dev-tech-layout
