Re: How to override css styles under a single class

[rjc]

Depending on what browser levels you want to support:

ul.details li:first-child { color:red; }

ul.details li:last-child { color:blue; }

or more widely:

ul.details li h3 { color: red; }

ul.details li p { color: blue: }

The html you have really needs more structure, the “When” really should be some kind of label to the time and date rather than a list item in itself.