I want to add images to this menu, all the images are different for each button. So I gave each <li> a class, I am trying to add images to them. but can’t.
How do I target the “y-loss”, “y-programs” etc…
I have tried
menu li .homepage {}
li a #current
all kinds of stuff but no images show up. Google chrome says it’s li .homepage, but no image shows up.
menu
<div class="menu">
<ul>
<li class="homepage"> <a href="#" id="current">Home</a></li>
<li class="yjoes-way"><a href="#">Why Joe's Way</a></li>
<ul id="y-programs">
<li class="y-loss"><a href="#">yloss</a></li>
<li class="y-add"><a href="#">yadd</a></li>
<li class="y-supplement"><a href="#">ysupplement</a></li>
<li class="y-all"><a href="#">yall</a></li>
</ul>
<li><a href="#">About Joe</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact Joe</a></li>
</ul>
</div>