-4

このようなコードがあるとしましょう。

<style>
    #container ul li{ font-size:50px;}
    .myclass1 ul li{ font-size: 20px;}
</style>
<div id="container">
    <ul>
        <li>
            <div class="myclass1">
                <ul>
                    <li>Something 1</li>
                    <li>Something 3</li>
                    <li>Something 3</li>
                </ul>
                <ul class="myclass2">
                    <li>Something 1</li>
                    <li>Something 3</li>
                    <li>Something 3</li>
                </ul>
            </div>
        </li>
    </ul>
</div>

この例で私が望むのは、myclass2を持つブロックが、デフォルトの Twitter ブートストラップの ul および li 値のliスタイル プロパティを継承またはコピーできるクラスである可能性があることです。

基本的にmyclass2 = twitter ブートストラップはデフォルトの li スタイルです。

myclass2 にブートストラップのデフォルト スタイルを使用したい場合は、リセットして多くのコーディングを行う必要があるためです。

大量のコードを何度も書くことなく、ブートストラップのデフォルトの ul,li 動作を myclass2 に継承するか、前のタグをオーバーライドしたいだけです。

これはTwitterのブートストラップには必須だと思います。

追加: 実際の例。http://www.carantina.com/をチェックしてください

「PRODUCTS」の下では、li および ul タグのスタイルは継承されたものから来ています。しかし、デフォルトのブートストラップ値を使用したいです。どのように私はそれを達成します。 ここに画像の説明を入力

4

1 に答える 1

0

あなたのウェブページはここの例とは異なる構造になっていますが、ここの例の質問は次のように書くことで解決できます

#container ul ul:not(.myclass2) li {font-size:50px;}
#container .myclass1 ul:not(.myclass2) li {font-size: 20px;}

CSSのために。フィドルを参照してください。
次に、 の一番上のリストはmyclass120px になり、 の一番下のリストmyclass2はシステムのデフォルトになります (Bootstrap Web ページでは、Bootstrap のデフォルトになります)。

ただし、リストは 2 つしかなく、有効なスタイルも 2 つしかないため、50px には何も表示されません。したがって、あなたの例が適合しないか、要件を誤解しています。

于 2013-07-21T09:10:37.710 に答える