取决于文本的 CSS 表达式

Question

>我有这样的段落

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

我想要一个 CSS 类，该类在 /* 和 */ 之间具有不同的字体颜色感谢您的帮助！

Answer 1

你不能使用 Expressions 来执行此操作。

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

您可以通过以下方式使用：

<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/

Answer 2

<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>

Answer 3

如果

可能，将标记 （/**/） 替换为 <span> 标记，然后为它们分配具有适当颜色的类。

Answer 4

你可以

使用:first-line伪元素来破解它，假设有一个换行符：

<p> Lorem ipsum dolor sit amet, /* consectetur adipiscing elit. */ </p>
p { color: grey;
p:first-line { color: black; }

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