2

CSSファイル内の特定のdivのCSSを変更しようとしています。インラインスタイルは次のとおりです。 

div class="widget-area ten columns marT20 left" style="width: 16%; margin: 0px 0px 0px 17px; padding-top: 100px;

特定のdiv要素を参照する外部CSSファイルで上記のインラインスタイルを複製するにはどうすればよいですか？これが私の試みです：

div.widget-area ten columns marT20 left element.style {
      margin:0 0 0 17px;
      padding-top:100px;
      width:16%;
    }

上記のCSSは、div要素に必要な変更を出力しません。

ありがとう、

AME

4

2 に答える 2

5

widget-area、、、tenなどcolumnsはすべて個別のクラスです。つまり、CSSスタイルシートでは、すべてにクラス識別子（.）が必要です。

5つのクラスすべてを含むdivをターゲットにしようとしている場合は、それらに参加する必要があります。element.style不要です。これは、インラインスタイルがある場合（したがってクラス名がない場合）にFirebugや他のインスペクターがクラスに名前を付けるものです。

試す

div.widget-area.ten.columns.marT20.left {
  margin:0 0 0 17px;
  padding-top:100px;
  width:16%;
}
于 2012-07-31T17:32:18.020 に答える
1

インラインスタイル宣言は、CSSクラス宣言をオーバーライドします。

JavaScriptを使用してインラインスタイルを削除し、既存のCSSクラスにフォールバックできるようにするか、インラインスタイル属性の内容を再定義する必要があります。

どちらの場合もJavaScriptが必要です。

于 2012-07-31T17:32:15.383 に答える