javascript - 在 css 工作表和 html 元素 id 中使用 javascript

Question

我正在使用 Javascript、css、html 进行开发..

此刻我在我的 Javascript 代码中引用了很多 css 类，现在我正在使用 css 类的名称创建“常量”。这是因为如果我想更改其中一个类的名称，我应该只在一个地方进行。

我的问题有两个。

第一个是

• 我可以使用 Javascript 变量在 css 文件中定义类和 ID 以及在 html 文档中定义元素的 ID。有些像这样

对于CSS(将“&&js_var&&”换成一句将id设置为javascript变量的值)

. &&js_var&& {
   /* css definition */
}

对于 HTML(将“&&js_var&&”替换为将 id 设置为 javascript 变量值的句子)

<div id="&&js_var&&"></div>

第二个是，

• 如果可以的话，这是好的编程习惯吗？

Answer 1

第一个问题 - 我可以使用 Javascript 变量在 css 文件中定义类和 id 以及在 html 文档中定义元素的 id。

回答:不，不是你想的那样。 Css 内容不受动态操作的影响，而是由浏览器呈现的纯文本。您可以通过某种方式替换某些文本内容并使用某些技术重新呈现样式，但这属于您的第二个问题。

---

第二个问题 - 如果可以的话，这是好的编程习惯吗？

回答:完全没有。 Css 样式表旨在将应用于 html 元素的视觉样式集中在一个位置，从而导致每个视觉变化在引用此样式表的每个页面上产生级联效果(.css 名称的来源，“级联”)。重点是类名和元素的 ID 是静态的，因此级联是有意义的。

---

我希望它能以某种方式帮助...