CSS3 Multiple Class Selectors

HTML

<link rel="stylesheet" href="http://dryan.com/css3/css/html5-reset.css">
<ul>
    <li class="item">List Item 1</li>
    <li class="item red">List Item 2</li>
    <li class="item green red">List Item 3</li>
    <li class="">List Item 4</li>
</ul>

CSS

body { padding: 1em; }

ul { margin: 1em auto; }

ul li { list-style: none; margin: 0 auto 1em; }

ul li.item { font-weight: bold; }

ul li.red { color: red; }

ul li.green { color: green; }

ul li:selected {color: #ccc; }