1

現在私は持っています

<div class="rightBoxesTop">
   <h3>My Pages</h3>
   <h3 style="line-height: 8px; width: 80px; font-size: 80%; margin-top: 7px;">
         show in-active <input id="show-in" type="checkbox"></h3>
</div>

インライン スタイルを css に移動したいと思います。これは 2 番目の H3 への唯一の方法ですか、それともクラス rightBoxesTop を参照して 2 番目のようなものを使用する方法はありますか? また、この種のスタイリングとは何か教えていただければ、正しく使用する方法についてキーワードを検索できます

ありがとう

4

4 に答える 4

1

インライン スタイルを削除できる場合は、そのクラスを追加することもできます。

これにより、CSS のクラスによって簡単にスタイルを設定するオプションが提供されます。

更新: インライン スタイルを削除する必要があるため、CSS でオーバーライドすることはできません。

于 2012-10-12T13:52:11.457 に答える
0

人々が提案したように使用できます.rightBoxesTop h3+h3{}が、注意してください。別の h3 を追加すると、最後の 2 つの h3 にそのスタイリングが適用されます。または、h3 を超える .rightBoxesTop 内に別の div を作成すると、スタイリングも取得されるため、正確な方法は次のとおりです。

.rightBoxesTop>h3:first-child+h3{
//your css here
}

つまり、「最初の子の( ">」は直接の子を意味するため、ネストされたレベルがさらにある場合はカウントされません)次の h3 は css を取得します」

于 2012-10-12T13:40:48.497 に答える