1

我有这样一段

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

我想要一个 CSS 类，它之间的文本有不同的字体颜色，/*谢谢*/ 你的帮助！

4

4 回答 4

3

你不能Expressions用来做这个。

CSS/HTML 的方式，通过在里面插入一个元素。

你可以这样使用：

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

CSS：

p span.comment {color: #999;}

演示：http: //jsfiddle.net/jNvSw/

或者，如果您想以 JavaScript 方式执行（使用 jQuery，但也可以使用纯 JavaScript 完成）：

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

演示：http: //jsfiddle.net/jNvSw/1/

于 2012-09-28T07:00:03.737 回答
0 
<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>
于 2012-09-28T07:00:59.627 回答
0

如果可能的话，用标签替换你的标记（/**/）<span>，然后为它们分配适当颜色的类。

于 2012-09-28T07:01:17.553 回答
0

假设有换行符，您可以使用:first-line伪元素破解它：

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

p { color: grey;
p:first-line { color: black; }

请注意，不要认真对待这个答案。

于 2012-09-28T07:02:03.077 回答