While building my new Kansas City Royals blog, CrownCrazed.com, I ran into an issue. I wanted to list the latest posts from each category in a list, but I also wanted to display the featured image of the first post only, similar to the lower part of “The Gadget Guide” website, Gizmodo (pictured above).

I found a bunch of different snippets of code to display latest posts from multiple categories; the problem, none of them displayed newest posts in a unordered list.

I wanted an unordered list so I could more easily target each post’s featured image to display the featured image of the first post and not of the other posts in the list.

To display the image from only the 1st post in the category, I used the style –

ul.preview li + li .image {display:none}

The style hides the image for every post except the first.

I hope this post helps someone else out.