Css rule for comments inside html code tag?

Question

How to set a css rule so I can format comments inside html code tags?
something like regex //.*

<pre>
  <code>
    git reset [file]        //unstage but preserve file content
    ...
  </code>
</pre>

Answer 1

You can put the comments in tags:

<pre>
  <code>
    git reset [file] <span class="comment">//unstage but preserve file content</span>
    ...
  </code>
</pre>

Then in CSS:

.comment {
  color:grey;
  /*Your CSS here*/
}

If you dont want to use tags then you will need to use JavaScript to loop through all the code tags, locate comments, and apply the class.