SIFRはリストの子供には適用されません

StackOverflow https://stackoverflow.com/questions/3500306

  •  29-09-2019
  •  | 
  •  

質問

SIFRが適用された後、ネストされた非注文リストで弾丸を削除することはできません。私はこれを作成していたウェブサイトで実験しました。

基本的なHTMLスケルトンを作成し、SIFRを適用して、子供の弾丸を削除する方法を簡単に把握しようとしましたが、ここでも機能しませんでした。

<ul>
    <li>Option 1</li>
    <li>Option 2
        <ul id="menu">
            <li>Option 2-1</li>
            <li>Option 2-2
                <ul>
                    <li>Option 2-2-1</li>
                    <li>Option 2-2-2</li>
                    <li>Option 2-2-3</li>
                </ul>
            </li>
        <li>Option 2-3</li>
        </ul>
    </li>
</ul>

私は何らかの形で内側のULを参照することができないようです。以下を含むいくつかのセレクターを試しました。

sIFR.replace(infinityt, {
  selector: 'li',
  css: ['.sIFR-root { list-style-type: none; list-style: none;  }', 'ul { list-style-type: none; list-style:none; }' ]
});

sIFR.replace(infinityt, {
  selector: '#menu',
  css: ['.sIFR-root { list-style-type: none; list-style: none; margin: 300px; }' ]
});
役に立ちましたか？

解決 2

テキストをスパンに包み、SIFRをスパンに巻き付けて修正しました。その後、通常のCSSを使用して、リスト内の弾丸を削除できます。

    <ul>
        <li><span><a href="#">Option 1</a></span></li>
        <li><span><a href="#">Option 2</a></span>
            <ul>
                <li><span><a href="#">Option 2-1</a></span></li>

他のヒント

CSSをより具体的に取得してみましたか？

Liが親要素によってスタイルされている場合のように、CSS宣言にその親要素を宣言して無効にする必要があります。親子の子供のスタイル{}のようなものを試してみてください

またはそれを上書きするために必要なものは何でも。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top