title: How to select a specific element in a <ul> list without nth-child?
body: <p>So I'm using the Stylish addon to edit a web page to my liking. There is a ul element and I want some of the items to become icons, and some of them to disappear. So I set it all up and it works fine. However, sometimes the website adds one more element to the list and screws everything up because I'm using nth-child selectors and obviously when the number of each element changes it breaks my css.</p>
  
  <p>So I was wondering if there is a better way to select the li elements other than nth-child? A more specific way? Each of them has a header...is there some way of using that to select them?</p>
  
  <p>Another idea I just had is maybe I could count backwards from the last li because the new list item is added towards the top...is there a way to do that?</p>