KIng wins, Ace wins.

by Aaron Kahlhamer

HTML

<div id="king" class="queen">
    King wins.
</div>

<div id="king" class="queen ace">
    Ace wins.
</div>

<div id="king" class="queen" style="color:purple">
    Joker wins!
</div>

<div id="king" class="queen ace" style="color:purple!important">
    Joker wins again!
</div>

CSS

* {
    font-size:2em;
}

#king {
    color:maroon;
}

.queen {
    color:green;
}

.ace {
    color:black!important;
}