html – 如何覆盖页面正文中的CSS类的样式信息？

所以我正在开发一个接受HTML作为输入并将其作为输出返回的项目。我获得的所有HTML作为输入都具有div和样式表中的所有文本，它们根据类属性指定每个div的样式。

为了更好地可视化事物，并查看我的项目是如何来的，我希望将输入的HTML输出到我给他们的规范。我很容易修改HTML的正文，但很难处理样式表。我正在寻找的是简单的覆盖样式表的颜色属性。它可以是hacky，因为这只是临时使用的内部代码。我只是想要一些简单的工作。有没有简单的方法来覆盖文件正文中CSS类的方面？

[编辑]我想提供一个例子来更好地解释我正在寻找什么。我在页面顶部(我想要覆盖)的样式表的一个例子是：

.style21 {垂直对齐：顶部;字体大小：13像素; FONT-FAMILY：黑体;颜色：#000000;}

一个我想改变颜色的div的例子是：

< / span>< / div>< div style =“position：absolute; top：432; left：422; color：#ff0000;”>< span class =“style21”>

我的问题是我不能覆盖css中指定的颜色。正如你在上面的例子中可以看到的，我试图用div中的具体样式来做，但是这是不行的。 [/编辑]

解决方法

或者使用style属性将CSS内联添加到div上，例如：

<div style="color:red"> ... </div>

…或创建自己的样式表，并在现有样式表之后引用它，然后您的样式表应优先。

…或添加< style> < head>中的元素的HTML与您需要的CSS，这将优先于外部样式表。

您还可以添加！重要的您的样式值以覆盖相同元素上的其他样式。

更新

使用我上面的一个建议，并将目标对象style21的范围，而不是包含div。您在包含div上应用的样式将不会被跨度继承，因为它在样式表中设置为颜色。

html – 如何覆盖页面正文中的CSS类的样式信息？

解决方法

猜你在找的HTML相关文章