/* use of :before and after selectors, and content to insert text. */

var { /* something variable that needs to be replaced with an actual value */
        color: #808080;
        font-style: italic;
}

var:after{ /* insert left arrow before the text, hex padded to 6 chars */
        content: "\002192";
}

var:before{ /* insert right arrow after the text */
        content: "\002190";
}

blockquote{ quotes: "\201C" "\201D";} /* add 66 99 quotes around block quotes. */

.quoted:after{  content:close-quote; }

.quoted:before{ content:open-quote; }

span.dq /* enclose in programmer's plain double quote */{
 background-color: transparent;
 color: #006400; /*! dark green !*/
 font-style: normal;
}

span.dq:before{
 content: "\""; /* " will not work */
}
span.dq:after{
 content: "\"";
}