如何在文本中用*更改标签的颜色

Question

我有这样的标签

<label> User Type*: </label>

现在，如果文本仅在CSS中包含*，则有任何方法可以将标签的颜色更改为红色

我所能做的就是编辑css 。 我不能使用Javascript。

Answer 1

不，没有javascript，您将无法仅对*设置样式。 您需要做的是将*放在其自己的元素中，然后对该元素进行样式设置。

例：

的HTML

<label> User Type<span>*</span>: </label>

的CSS

label span { color: red; }

小提琴示例： http : //jsfiddle.net/Ee9L3/

编辑：看起来我读错了问题。 没有，没有办法做你想要的。 最简单的选择是将一个类添加到标签。

的HTML

<label class='required'>User Type*: </label>

的CSS

label.required { color: red; }

Answer 2

没有办法只更改CSS中的*。 我建议做这样的事情：

<label> User Type<span class="red">*</span></label>

如果您无法更改HTML，则可能不走运。 我想您可以在CSS中执行以下操作：

label:after {
   content: "*";
   color: red;
}

Answer 3

抱歉，但是-如果您无法编辑html且不能使用javascript-仅靠CSS是没有办法的（还好吗？！）

Answer 4

如果我没记错的话，CSS3有一个非常短暂的：contains（）伪类。 不幸的是，它已从规范中删除，并且没有办法单独使用CSS做到这一点。

IE可以使用.HTC文件将JavaScript行为附加到CSS。 但是，这只能在IE中使用，而不能在任何其他浏览器中使用，因此这不是一个好答案。

您将需要某种JavaScript或访问HTML本身。 那是唯一的方法。 抱歉。

Answer 5

这很容易。 这是先前答案的混合。

HTML：

<label class='required'>Direcció <span class="red">*</span></label>

CSS：

label.required>span.red{ color: red; }