Hello, I want to have different background colors on a sidebar and they’re all classed the same. How do you distinguish them in your CSS so that you can style them differently? The HTML looks like this. I’ve tried using adjacent siblings, but it doesn’t seem to create the look I’m looking for.
<li>Butterflies for Dummies</li>
<li>World of Butterflies</li>
<li>Are You a Butterfly?</li>
<li>Tale of Two Butterflies</li>
If I could do that then I wouldn’t have posted on here. However, I can’t change any of the html. I’ve thought about using the nth child on this one, but how do I ensure that the h3 is styled the same background color as its corresponding list. Help