0

我有一个建立在 CMS 上的网站。自定义页面生成 html，并将样式添加到元素中，而不是在样式表上。

我需要删除 .page_text 类的任何 div 下的 span 元素上的 background-color 属性，或者将其更改为 none。

为丑陋的html块道歉：

<div class="page_text">
  <h2 dir="ltr" style="line-height: 1.15; margin-top: 10pt; margin-bottom: 2pt;">
     <span style="font-weight: normal;">
       <p dir="ltr" style="line-height: 1.15; margin-top: 0pt; margin-bottom: 0pt; display: inline !important;">
     <span style="font-size: 15px; font-family: Arial; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); vertical-align: baseline; white-space: pre-wrap;">If you’d like to contribute to Trashswag you can submit “reports” in several ways.</span></p></span><br></h2>

我需要删除背景颜色属性。使用 Chromes 检查元素功能，选择器沿线

.page_text h2 span {background-color: none;}应该管用。它不是。

谁能指出如何选择 .page_text 内的所有跨度？

4

2 回答 2

3

您的尝试有两个问题。

!important正如@Tigran Petrossian 提到的，由于内联样式，您需要使用。但是，您还需要使用transparent而不是none（这是 的无效值background-color）。

这将起作用：

.page_text h2 span {
    background-color: transparent !important;
}

（您可以改为使用background: none !important，由于隐式设置background-color为其初始值transparent.更多信息。）

于 2013-09-30T00:19:37.487 回答
2

内联样式始终具有更高的特异性，因此您必须使用!important.

.page_text h2 span {background-color: none !important;}

于 2013-09-30T00:00:04.827 回答