html - 将 HTML 中的样式更改为所有类元素

Question

我几天前想知道是否可以执行以下操作。

假设我们有一个基本的 HTML 代码，其中包含以下内容:

<p class="someinfo"> basic text </p>
<p class="someinfo"> some other information </p>

我们还有一些 CSS 文件包含在 HTML 的 header 中，具有基本样式，例如:

.someinfo{
font-size:32px;
color:red;
}

所以我的问题来了。

如果我编辑 HTML 并将其放入第一个段落 (style="color:black") 中，如下所示，它将仅更改该 div 元素的颜色。

通过像这样更改样式是否可以通过某种方式使具有该类名称的所有元素都显示更改？

<p style="color:black" class="someinfo"> basic div </p>
<p class="someinfo"> some other information </p>

我希望你明白我在问什么，如果这是一个愚蠢的问题，我深表歉意。

附言我问这个是因为我有以下情况。有一个网站，我无法访问服务器上的任何文件，无法上传任何新文件。我所能做的就是从不识别 <style> 和 <script> 标签的文本编辑器创建新页面。我想要做的就是更改导航和网站每个页面的其他一些元素上的一些 css。

Answer 1

这就是 CSS 的用途:) 如果您希望给定类名的所有元素都变为黑色，您可以将 CSS 样式更改为:

.someinfo{
    font-size:32px;
    color:black;
}

手动内联是行不通的。

如果你真的想内联，你可以用 js 编程:

var someInfoElements = document.getQuerySelectorAll(".someinfo");

for(i = 0; i < someInfoElements.length; i++) {
    someInfoElements[i].style.color = "black";
}