Question

I have a paragraph like this

<p> Lorem ipsum dolor sit amet, /* consectetur adipiscing elit. */ </p>

I want to have a CSS class that have a different font color for the text between /* and */
Thanks for help!

Answer 1

You can’t use Expressions to do this.

CSS / HTML Way, by inserting an element inside.

You can use this way:

<p> Lorem ipsum dolor sit amet, <span class="comment">/* consectetur adipiscing elit. */</span> </p>

CSS:

p span.comment {color: #999;}

Demo: http://jsfiddle.net/jNvSw/

Or, if you wanna do in the JavaScript way (uses jQuery, but it can also be done using pure JavaScript):

​$(document)​.ready(function(){
    $("p").html($("p").html().replace('/*', '<span class="comment">/*'));
    $("p").html($("p").html().replace('*/', '*/</span>'));
});​

Demo: http://jsfiddle.net/jNvSw/1/