Css 已存在intext样式的样式（如何覆盖）_Css_Css Selectors

Css 已存在intext样式的样式（如何覆盖）

css

Css 已存在intext样式的样式（如何覆盖）,css,css-selectors,Css,Css Selectors,我有一个基于CMS的网站。自定义页面生成html，并将样式添加到元素中，而不是样式表中我需要删除class.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;"> <

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

我需要删除class.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 inspect element功能，沿着

.page\u text h2 span{背景色：无；}

应该可以工作。事实并非如此

有人能指出如何选择.page\u text中的所有跨距吗？

内联样式总是有，所以您必须使用

！重要信息

.page\u text h2 span{背景色：无！重要；}

内联样式总是有的，所以您必须使用

！重要信息

.page\u text h2 span{背景色：无！重要；}

您的尝试有两个问题

正如@Tigran Petrossian提到的，您需要使用

！重要信息

，因为使用了内联样式。但是，您还需要使用

透明

而不是

无

（对于

背景色

，该值无效）

这将有助于：

.page\u text h2 span{
背景色：透明！重要；
}

（您可以改为使用

background:none！important

，这是由于将

background color

隐式设置为其初始值

transparent

）

您的尝试存在两个问题