0

私はCMS上に構築されたウェブサイトを持っています。カスタム ページは、スタイル シートではなく要素にスタイルを追加した html を生成します。

クラス .page_text の div の下にあるスパン要素の 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 inspect element 機能を使用して、次の行に沿ったセレクター

.page_text h2 span {background-color: none;}動作するはずです。そうではありません。

.page_text 内にあるすべてのスパンを選択する方法を誰かが指摘できますか?

4

2 に答える 2

3

あなたの試みには2つの問題があります。

!important@Tigran Petrossian が述べたように、インライン スタイルのために使用する必要があります。transparentただし、代わりにnone( の無効な値です)も使用する必要がありますbackground-color。

これはうまくいきます：

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

(代わりに を使用できます。これは、初期値のbackground: none !importantに暗黙的に設定されているため機能します。詳細情報。 )background-colortransparent

于 2013-09-30T00:19:37.487 に答える
2

インライン スタイルは常に特異性が高いため、 を使用する必要があります!important。

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

于 2013-09-30T00:00:04.827 に答える