後でパッディングを上書きする場合は

私のスタイルシートに関する簡単な質問。私は常にCSSが上書きすることを教えていました。だから、ライン1上の何かが、私はセクションでパディングを増加しようとしているが、他のスタイルに触れていないよライン10上の何かによって上書きされる可能性：後でパッディングを上書きする場合は

これは、ライン642

&:first-of-type > div { 
     padding-top: 10px; 
     img { 
      margin-bottom: 20px; 
     } 
}

この上にありますライン722

.apiPT { 
    padding-top: 32px; 
}

である私も、私は私のHTMLは、642からスタイルをピックアップしなければならないとは考えていないことを言及する必要はありませんが、それはであり、それはそれで上書きされています。私は実際にはそれほど良くないわけではないので、!importantの使用を避けることが大好きです。私はこの問題に...

<div class="col-md-7 col-md-offset-5 apiPT"> 
       <ul class="pipe"> 
        <li><a href="api-reference/v3">API references</a></li> 
       </ul> 
</div>

出典

2017-05-30 John Barr

'：first-of-type> div'はマークアップの残りの部分に応じて' .apiPT' https://developer.mozilla.org/en-US/docs/Web/CSS/Specificityよりも高い特異性を持ちます。あなたは '.apiPT'を'：first-of-type .apiPT'に変更することができますが、それを修正する方法がたくさんあります。修正方法はマークアップとCSSの残りの仕方によって異なります。 –

idを特定の要素に設定してからプロパティを設定してください – komal

この質問に対する具体性に関する私の回答を確認してください.... https://stackoverflow.com/questions/43542922/how-to-avoid-bootstrap-css-overriding-the- custom-css/43544654＃43544654 – sn3ll

を抱えている理由、それは

それを上書きすることが唯一のリンク

<a href="api-reference/v3" id="example" >API references</a>

ある場合は、リンクにIDタグを割り当てることができます。しかし、本当にわかりません

出典

2017-05-30 19:31:06

複数のページにインスタンスが多すぎるため、IDを使用しないでください。 –

答えは@ sn3llが言ったのと同様である。

.class1 .class2 .apiPT { 
    ... 
}

はそれを高い優先順位を与えた - おかげで助けを求めて！

出典

2017-05-30 20:03:17

後でパッディングを上書きする場合は

答えて

関連する問題