Crazy Classes

Neuerdings dürfen wir alle möglichen seltsamen Klassennamen nutzen. Original: http://jsfiddle.net/csswizardry/CEHJs/

by Jens Grochtdreis

HTML

<ol class=crazy>

    <li class=_>Hello</li>
        
    <li class=?>Hello</li>
        
    <li class=#>Hello</li>
        
    <li class=->Hello</li>
        
    <li class=♥>Hello</li>
        
    <li class=—>Hello</li>
        
    <li class=ಠ_ಠ>Hello</li>
        
    <li class=.>Hello</li>

    <li class=☃>Hello</li>

    <li class=§>Hello</li>

    <li class=*>Hello</li>

    <li class=∞>Hello</li>

</ol>

CSS

/* 1 */
._{
    color:maroon;
}

/* 2 */
.\?{
    color:blue;
}

/* 3 */
.\#{
    color:red;
}

/* 4 */
.\-{
    color:maroon;
}

/* 5 */
.♥{
    color:red;
}

/* 6 */
.—{
    color:blue;
}

/* 7 */
.ಠ_ಠ{
    color:red;
}

/* 8 */
.\.{
    color:red;
}

/* 9 */
.☃{
    color:red;
}

/* 10 */
.§{
    color:red;
}

/* 11 */
.\*{
    color:red;
}

/* 12 */
.∞{
    color:red;
}


.crazy li:after{
    content:" (" attr(class)")";
    color:black;
}