的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。