Why are my CSS properties being overridden/ignored?

Question

I\'m having some issues with the CSS \"hierarchy\" (not sure if it\'s proper to call it a hierarchy). I\'m trying to style the below bit of HTML.

Answer 1

My response should have been a "comment" on the answer, but I have the correct fix although #tibo answered correctly:

li.post-item > * {
  margin: 0px !important;
}

.item-description {
  color: #FFF !important;
}

.item-meta {
  color: #666 !important;
}

The !important rule will override the order of evaluation between id and class.

Here is a link to an article, When Using !important is The Right Choice, that will help you to understand... it made my life easier :)