web-dev-qa-db-ja.com

CSSスタイルをオーバーライドしますか?

Stack Overflowを見て、解決策が見つかりませんでした。スタイルが存在する場合にスタイルをオーバーライドする方法を知っていて、そのプロパティを変更するだけです。しかし今、私はオーバーライドする奇妙なスタイルを持っています

ここに私が持っているものの例があります

最初に私はこれを持っています:

.slikezamenjanje img{
    max-width: 100%;
    max-height:150px;
    padding-right:7px;
}

今、私はこのスタイルだけでそのスタイルをオーバーライドする必要があります:

#zoomTarget .slikezamenjanje img {
    max-width: 100%;
}

問題は、最初のスタイルが2番目に追加されることですが、この2番目のスタイルでは、最初のスタイルから追加するのではなく、1行だけが必要ですか?

27
Miomir Dancevic

オーバーライドする代わりに、別のクラスを要素に追加すると、追加の機能を使用できます。例えば:

HTML

<div class="style1 style2"></div>

CSS

//only style for the first stylesheet
.style1 {
   width: 100%;      
}
//only style for second stylesheet
.style2 {
   width: 50%;     
}
//override all
.style1.style2 { 
   width: 70%;
}
38
Dvir

値をリセットするだけです不要をデフォルトに戻します。 !importantを使用して混乱する必要はありません。

#zoomTarget .slikezamenjanje img {
    max-height: auto;
    padding-right: 0px;
}

ハッティング

あなたが不足している重要なデータは、CSSにデフォルト値が付属していると思います。値をオーバーライドする場合は、デフォルト値 検索可能 に戻します。

たとえば、すべてのCSS heightおよびwidth属性のデフォルトはautoです。

18
dthree