<分区>
Possible Duplicate:
Combine CSS Attribute and Pseudo-Element Selectors?
我在 Chrome 中遇到了一个非常不同的问题。我使用伪选择器 :after 在必填字段项上显示星号标记。我使用自定义属性“必需”来标识需要星号的标签。它在 Firefox 中运行良好,但在 Chrome 中表现不同。所有字段,包括不需要的字段,现在都在相应标签后显示星号。最奇怪的是,当我使用 Chrome 开发者工具检查标签时,星号就消失了。
HTML:
<div class="labelbox">
<label data-required>Name</label>
<span class="float-right">:</span>
</div>
CSS:
label[data-required]:after {
content: "*";
color: red;
}