CSS3 Pseudo-classes

by ramyaaviji

HTML

<ul>
    <li>ho</li>
    <li>ho</li>
    <li>ho</li>
    <li>ho</li>
    <li>ho</li>
    <li>ho</li>
</ul>

CSS

li {
    color: blue;
    font-size: 3em;
}
li:nth-child(2n+1) {
    color: green;
}
li:nth-child(even) {
    color: red;
    list-style-type: circle;
}
li:first-child {
    color: purple;
    font-style: italic;
}
li:last-child {
    color: orange;
    text-transform: uppercase;
}