我有这样一段
<p> Lorem ipsum dolor sit amet, /* consectetur adipiscing elit. */ </p>
我想要一个 CSS 类,它之间的文本有不同的字体颜色,/*
谢谢*/
你的帮助!
你不能Expressions
用来做这个。
你可以这样使用:
<p> Lorem ipsum dolor sit amet, <span class="comment">/* consectetur adipiscing elit. */</span> </p>
p span.comment {color: #999;}
$(document).ready(function(){
$("p").html($("p").html().replace('/*', '<span class="comment">/*'));
$("p").html($("p").html().replace('*/', '*/</span>'));
});
<p> Lorem ipsum dolor sit amet, <label class="classA"> /* consectetur adipiscing elit. */ </label></p>
<style>
.classA
{
font-size:12px;
font-family:Arial;
color:blue;
}
</style>
如果可能的话,用标签替换你的标记(/**/)<span>
,然后为它们分配适当颜色的类。
假设有换行符,您可以使用:first-line
伪元素破解它:
<p> Lorem ipsum dolor sit amet, /* consectetur adipiscing elit. */ </p>
p { color: grey;
p:first-line { color: black; }
请注意,不要认真对待这个答案。