Javascript 假设我能'；t使用Chrome控制台更改页面css，我可以记录页面内容并设置页面样式吗？

我试图直接从DevTools控制台（不使用inspect元素方法）更改网页上的样式。具体来说，我想知道哪些命令允许我覆盖给定

Id

（或

类

）的

字体系列

属性

---

我在这里和其他地方的搜索似乎表明，我只能更改控制台输出的css。如果这是对限制的准确陈述，我的备份解决方案将是按类将页面内容拉到控制台中，并在那里设置样式。不幸的是，我也不知道如何做到这一点。

我不确定为什么您不使用inspect元素，但您可以在控制台中使用js执行类似的操作

document.getElementsByClassName('title')[0].style.fontFamily="Impact,Charcoal,sans-serif";

---

实际上，您可以通过在文档中插入新的样式元素来更改css类。 您可以在控制台上使用javascript完成此操作，如下所示：

var style = document.createElement('style');
style.innerHTML='.adzerk-vote {color:red; background-color:blue;}';
document.head.appendChild(style);

在将类添加到文档头之前，只需更改所需的类

---

如果您选择一个元素并更改其classe css属性，它将在您的所有页面中生效。

您为什么不使用（或无权访问）Chrome inspector？如果jQuery已加载/可用，则可以在控制台中选择类/ID，然后使用.css更改字体系列

$（选择器）.css（'font-family'，'your choice'）

你可以发布一些代码或示例来演示你遇到的问题吗？@dward谢谢，如果你愿意，请查看我对Dominic答案的评论以获得更多解释。效果非常好。我丢失了

[0]

。我希望避免使用inspect元素，这样我就可以与其他人分享一些东西（他们可以将其粘贴到控制台中），而不是让他们通过Chrome inspector来寻找和修改合适的样式标记。这似乎有很多很好的应用程序，谢谢。