所以我正在研究一个接受HTML作为输入并将它们作为输出返回的项目.我得到的所有HTML都是div和样式表中的所有文本,它们根据class属性决定每个div的样式.
为了更好地可视化事物,并了解我的项目是如何进行的,我希望将输入的HTML颜色编码输出到我给他们的规范.我很容易修改HTML的主体,但很难处理样式表.我正在寻找的只是简单地覆盖样式表的颜色属性.它可能是hacky,因为这只是临时使用的内部代码.我只想要一些有效的东西.有没有一种简单的方法可以覆盖文件正文中的CSS类的各个方面？
[编辑]我想提供一个例子来更好地解释我正在寻找的东西.我在页面顶部(我想要覆盖)的样式表示例如下:
.style21{vertical-align:top;font-size:13px;font-family:Helvetica;color:#000000;}
我希望改变颜色的div的一个例子是:
<div style="position:absolute;top:432;left:422;color:#ff0000;"><span class="style21">relating to</span></div>
我的问题是我无法覆盖css中指定的颜色.正如您在上面的示例中所看到的,我正在尝试在div中的特定样式中执行此操作,但这不起作用.[/编辑]
Gra*_*ham 49
使用style属性在div上添加CSS内联,例如:
<div style="color:red"> ... </div>
...或者创建自己的样式表并在现有样式表之后引用它,然后样式表应该优先.
...或者使用您需要的CSS在HTML中添加<style>元素<head>,这将优先于外部样式表.
您还可以!important在样式值后添加以覆盖同一元素上的其他样式.
更新
使用上面的一个建议并定位类style21的范围,而不是包含div.您在包含div上应用的样式将不会被span继承,因为它的颜色在样式表中设置.
Joh*_*ner 28
!important 单词优先于前两个规则.例如:
.divclass .spanclass 比具体更具体 .spanclass.divclass.divclass 比具体更具体 .divclass#divId .spanclass 有ID,这就是为什么它更具体 .divClass .spanClass<div id="someDiv" style="color:red;"> 有属性和节拍 #someDiv{color:blue}#someDiv{color:blue!important}将应用于属性style="color:red"