的CSS属性选择，其中包含的属性名称：它

Question

我试图目标的元素属性，它包含一个冒号：:

.someclass[xml:lang="da"] 

HTML：

<span class="someclass" xml:lang="da"> 

这是可能的，不使用上面的语法？

Answer 1

CSS具有无法在类名被应用于特殊字符，所以使用它们，CSS逃脱用反斜杠（\）

这里是特殊字符的列表：

!，"， #，$，%，&，'，(，)，*，+，,，-，.，/，:，;，<，=，>，?，@，[，\，]，^，`，{，|，}，并且~

.someclass[xml\:lang="da"] { 
 
    background: red 
 
}

<span class="someclass" xml:lang="da"> text</span>

Answer 2

我不建议使用xml:lang属性。您应该改用lang属性。该lang属性具有特殊行为，它可以放置任何元素在层次结构的任何级别，然后通过:lang伪类处理，允许你定义的规则，如

:lang(de) {quotes: "«" "»"; } 

事情会“只是工作“。

查看答案如this one。摘录：但是

注意，你可以只使用xml:lang属性，如果你要么有一个XML文档或还定义了lang属性，而在后一种情况下，它们必须具有相同的价值。这是因为xml:lang仅允许简化旧XHTML文档的转换。

另请参阅this和this。