javascript - 将 JavaScript 添加到 CSS

标签 javascript css

我正在尝试通过 CSS 定位特定代码段。我没有能力定位 html 代码本身。我知道我可以更改特定页面的字体颜色,如果它们定义了单独的 id,但我遇到了两个页面都使用相同 id 的实例。例如,

第 1 页:

<div class=text-grey-mid id=loading-wrap-container>This is page 1</div>

第 2 页:

<div class=text-grey-mid id=loading-wrap-container>This is page 2</div>

如果我尝试使用 CSS 更改一个页面的字体颜色,它会影响两个页面。

div#loading-wrap-container .text-grey-mid { color: green; }

那么,我是否可以在 CSS 页面中使用 JavaScript 来确保这种颜色变化只适用于一个页面而不适用于另一个页面?或者有更好的方法吗?请记住,我只能访问 CSS 页面以影响更改。

编辑:如果第 1 页上的父项有一个定义为“语言”的唯一类,我可以使用如下 CSS 条目来仅更改第 1 页上的字体颜色:
.language .text-grey-mid { 颜色:绿色;

谢谢大家的帮助!

最佳答案

在层次结构中查找唯一的 ID、类或标签(或任何唯一的组合)并将其用作 CSS 选择器的一部分。

您不能在 CSS 中使用 JavaScript。

关于javascript - 将 JavaScript 添加到 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48687592/

相关文章:

带有 span 的 CSS h1 标签 - 字体大小累积;为什么?

javascript - 定义 JQuery 函数

css - 我想知道如何在 IE 中给出 css 选择器的名称

javascript - 汉堡菜单不隐藏在菜单点击

javascript - HTML 文件找不到 JS 和 CSS 文件

javascript - Aurelia 模板中的调用方法

javascript - 插入元素时触发计算属性

html - 字体在本地工作但在服务器上不起作用

javascript - 如何每 5 秒检查一次 Div 是否可见,如果可见,显示另一个 div?

javascript - 使用 JavaScript 正则表达式以编程方式更改所有文件 header 中的版权年份