CSS selectors are handy things. They make coding CSS easier, sure, but they can also help keep your markup clean. For example, here’s a chunk of code that doesn’t use selectors well: <ul class="products"> <li class="product">Item 1</li> <li class="product">Item 2</li> <li class="product">Item 3</li> </ul> This textbook class-itis leads to messy CSS: ul.products { /* Properties here */ } li.product
![Keeping Your Elements’ Kids in Line with Offspring](https://cdn-ak-scissors.b.st-hatena.com/image/square/b04aa5bd0da54cdd1838e8bab394b57b6121cd87/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Falistapart.com%2Fwp-content%2Fuploads%2F2012%2F07%2Foffspring.jpg%3Ffit%3D270%252C380%26ssl%3D1)