Check out this piece of HTML code:
<body>
<div>
<li class="more">hello
<ul class="hello">
<li>hello</li>
<li>hello</li>
<li>hello</li>
<li>hello</li>
<li>hello</li>
</ul>
</li>
</div>
</body>
I also want to create some CSS that looks like this:
.hello { display: none; }
.more:hover .hello { display: block; }
Here is my SCSS:
.more{
.hello{
display: none;
}
&:hover .hello{
display: block;
}
}
Do you know a more concise way to write the selector &:hover .hello{} ?