CSS，选择结尾为“*：”的标签

Question

通过CSS在某种程度上可以选择最终包含*：的标签吗？

按要求更深入地解释：

抱歉，认为这很清楚。我有一个html-label-element ...最后可以包含*：例如：这是必需的*：。我想给那些红色上色。

Answer 1

目前无法通过CSS仅通过内容匹配元素。

我想你需要设置与所需输入字段相关联的标签（以*结尾的标签）。如果您控制了标记，则只需在标签中添加一个类.required，或者，如果您使用的是html5 required 属性，则可以通过这种方式设置样式：

HTML

<input type="text" id="firstname" ... required>
<label for="firstname">First name <sup>*</sup></label>

CSS

[required] + label { color: red; }

Answer 2

label[for$="*:"]

会为这个名字做这件事！ 您可以使用多种类型的选择器，根据您的需要，它是“attributeEndsWith” 也许你看看这个文档：

• http://csscreator.com/content/attribute-selector-ends

修改

HTML标记：

<label class="required" for="nameInput">This is the required name:</label>
<input name="nameInput" type="text"/>

CSS标记：

label.required{
       font-color:red;
}