Question

I’m working on a theme which can be seen at http://flexibletheme.tumblr.com/ for the code (not much there right now) and I can’t target the list items with any CSS code.

It only works if I use:

---

ul {list-style: none;
}

This targets all unorded lists, but I just want to target the #followed DIV. Below is an image of the effected area and is titled “People I follow”.

Edit: It appears I also can’t target the DIV.

---

Answer 1

Your CSS is fine, and div#followed ul li { list-style-type: none; } should do the trick. However, you have a mismatched closing tag. You open your div, open your ul, then close the div before closing the ul. This is invalid markup, and is likely the reason the browser isn’t matching the proper element. Also, you’re missing an opening quotation mark in the div with the id “followed”. Try this code instead, it worked for me:

<div id="followed">
<ul>

        <li>
            <img src="http://30.media.tumblr.com/avatar_eaa1e0c62645_48.png"/>
            <a href="http://firstbook.tumblr.com/">firstbook</a>
        </li>

        <li>
            <img src="http://29.media.tumblr.com/avatar_a8edff4a4450_48.png"/>
            <a href="http://doctorswithoutborders.tumblr.com/">doctorswithoutborders</a>
        </li>

</ul>
</div>

In the future, you can fix these problems by being more careful. Also, the W3C Validator is a useful tool for pinpointing invalid markup.