造型已經存在的intext造型（如何搭配）

我有一個建立在CMS上的網站。自定義頁面生成的HTML樣式添加到元素，而不是樣式表。造型已經存在的intext造型（如何搭配）

我需要刪除位於類.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>

我需要刪除background-color屬性。使用Chromes檢查元素功能，選擇沿線

.page_text h2 span {background-color: none;}應該工作。它不是。

任何人都可以指出如何選擇.page_text中的所有跨度？

來源

2013-09-29 Doug Fir

有兩個問題與嘗試。

由於@Tigran Petrossian提到，由於內聯樣式，您需要使用!important。但是，您還需要使用transparent而不是none（這是background-color的無效值）。

這將工作：

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

（你也可以使用background: none !important，由於其工作是隱含設置background-color到transparent其初始值More info.。）

來源

2013-09-30 00:19:37 thirtydot

非常棒，非常感謝你！ –

內聯樣式始終有a higher specificity，因此您必須使用!important。

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

來源

2013-09-30 00:00:04

感謝您抽出寶貴時間來回答蒂格蘭。我在樣式表的底部添加了兩行代碼，似乎沒有幫助。有問題的頁面在這裏，如果你有一秒鐘，我會很感激，如果你能告訴我如何從文本中獲得背景：http://tinyurl.com/kdc599k –

造型已經存在的intext造型（如何搭配）

回答

相關問題