CSSクラスを上書きする

私はCSSクラスを持っています一時停止です。これはさまざまなページに適用されます。マークアップの1つのセクションのみがmargin-left：42px;ですので、作りたい0pxです。私はの特定の条件のためにjQueryを使用してこのクラスを動的に適用しているので、は新しいクラスを使用したくありません。CSSクラスを上書きする

したがって、作成するクラスを上書きする必要があります。margin-left：0px;マークアップの

CSS

.pause a{ 
     background-image:url(../img/pink_pause.png);float:left; 
     height:26px;width:96px; margin-left:42px; margin-top:6px; 
     }

<td class="pause bid_button_logout bidder_name"> 
<a href="login"></a> 
</td>

マークアップはどのように私は他のクラスまたは他の方法でのmargin-left中和することができますか？

出典

2011-06-20 Gowri

別のスタイルを定義できない場合は、margin-leftに適用しない要素にインラインスタイルを使用します。それは優先すべきように、インラインスタイルは、他の場所で定義されたものよりも固有のものです：

<a href="login" style="margin-left:0">

出典

2011-06-20 13:42:20

クイックレスポンスありがとう – Gowri

あなたはインラインスタイルを使用する場合：

<a href="login" style="margin-left:0px;"></a>

たり、新しい宣言の作成：

.bid_button_logout a{ 
    margin-left: 0px; 
}

を

ですが、これは.pause aの後にになるはずです。

出典

2011-06-20 13:42:25

それとも、あなたは本当にクラスを切り替える必要がある場合toggleClass

出典

2011-06-20 13:44:44 Alex

質問にJavaScriptやjQueryに関連するものはありません... –

が重要なハックを試してみてください参照してください。

margin-left: 0px !important;

出典

2011-06-20 13:44:52 Sebastian

あなたがそれらのいずれかだけ余分なマージンを定義する2つのCSSクラスに.pauseを分割することができマージンを必要としないクラスにそのクラスを適用しないでください。

要素のスタイル属性をstyle="margin-left: 0;"に設定すると、CSSの値が上書きされます。

それとも、このように「.noMargin」と言うと呼ばれるanoterクラス作成することができます。

.noMargin{ margin-left: 0 !important; } 
/* important overrides other class values 
    even if the cascading would not */

を、あなたは余裕を持っていけないものにそのクラスを適用します。

出典

2011-06-20 13:47:00

典型的なのは、私がそれをやる3つの方法を書いたら、それぞれの方法はすでにいくつかの他の人によって答えられています... heheh –

bid_button_logoutまたはbidder_nameあなたは余裕が欲しいん状況に固有のものである場合には、これらのクラスのいずれかにmargin-left:0px;を追加します（ただし、彼らがあなたのCSSファイルで.pause a後であることを確認してください。、インラインを追加するには、条件付きのjQueryを使用しない場合スタイルは、元の左余白スタイルをバイパスします。

出典

2011-06-20 13:51:57 alquatoun

答えて

関連する問題