Question

名字 * 输入您的名字

            <p>
                <label>Last Name *</label>
                <label>enter your last name</label>
                <input type = "text" name = "lastName" />
            </p>

我想将*颜色为红色而不添加额外的标签。我想在整个文件中使用这条规则。

我想要它。 Lasst Name *（红色）

提前致谢

Answer 1

您可以使用伪元素after或before。

.lastName:after
{
  content: '*';
  color: red;
}

Answer 2

简而言之，在不更改DOM或第一个标签的内容的情况下，无法通过直接CSS完成此操作。

另一种方法是从*中删除星号label，然后在CSS中删除，例如：

p label:first-child:after{
  content:'*';
  color:red;
}

Demo Fiddle

Answer 3

如果不改变DOM，就没有办法做到这一点。

话虽如此，在创建HTML时，您不必添加标记。因此，如果您不想更改html的原因是您无法控制它，那么您可以使用javascript / jQuery执行您需要执行的操作。

我想在文本中为特殊字符着色而不是所有文本

3 个答案:

Demo Fiddle