我可以在CSS类名中使用中文字符吗？

Question

是否可以为我的CSS类使用中文类名？我正在尝试使用jQuery获取中文单词，然后使用中文单词命名的类创建img元素。

我有一个名为2020_Cars_哈喽_1.jpg的文件，我创建了一个代码，该代码采用年份，类别（汽车）和作为专辑名称的中文单词，并创建{{1根据文件名使用类的元素，以便稍后过滤图像。

我有一个示例here，您可以看到转换为类的类别没有任何问题，img是我无法成功转换为类名的中文单词。

有什么建议吗？

获取文件名并将其拆分为类的jQuery代码：

%46%bd%

提前谢谢！

Answer 1

是的，您可以使用中文字符作为类名和选择器。

＆＃13;

＆＃13;

sample/job/run_all/Run all sample transformations.kjb

＆＃13;

div {
  width: 100px;
  height: 100px;
}

.tomato {
  background: tomato;
}

.蓝色 {
  background: navy;
}

＆＃13;

＆＃13;

＆＃13;

但看起来真正的问题是如何将URL编码字符（％46等）转换回真实字符，为此你需要decodeURIComponent

＆＃13;

＆＃13;

<div class="蓝色"></div>
<div class="tomato"></div>
<br>
<button onclick="console.log(document.querySelector('.蓝色'))">Find Element</button>

＆＃13;

＆＃13;

＆＃13;

希望这能解答您的所有问题。