我正在尝试通过 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/