Is there a way using SASS to target an <li>
if it contains a <ul>
?
I have this:
ul {
li::before {
content: "\2022";
color: $color;
}
}
with this html
<ul>
<li> // problem li
<ul>
<li>stuff</li>
</ul>
</li>
</ul>
'<li>
// problem li' is showing the bullet and I don't want it to.
I tried
li {
ul & {
&:before {
display: none;
}
}
I'm not sure how to do this. I could apply a class to '<li> // problem li'
, but I'd like to keep it all in css if possible
Thank you