Quickly swap sections/chunks of CSS

by csswizardry

HTML

<div class="foo" id="foo">Foo bar baz</div>

CSS

/**
 * A neat way of quickly swapping two chunks of code in CSS. Also works in JS.
 * Try adding a space BEFORE the SECOND forward slash on line 6.
 */
.foo{
    /**/
    color:red;
    font-weight:bold;
    /*/
    color:blue;
    font-style:italic;
    /**/
}

JavaScript

var el = document.getElementById("foo");

/**/
el.style.border = "1px solid red";
/*/
el.style.border = "1px solid blue";
/**/