2

画像である順序なしリストに list-style-type を適用しました。以下に示すように、私の順序なしリストには追加の順序なしリストがあります。

ネストされた順序なしリストに「円」のリストスタイルタイプを持たせたいので、ネストされた順序なしリストにインラインスタイルを使用しました。

私が抱えている問題は、円のリストスタイルではなく、ネストされたリストのリストスタイルに緑色のチェックマークがまだ表示されていることです。

これまでのところ、インライン css を使用するたびに外部スタイル ルールが上書きされていたため、この場合に何をすべきかわかりません。アドバイスをいただければ幸いです。

CSS

ul{list-style-image:url(images/green-checkmark.png);}

マークアップ

<ul>
    <li>hello</li>
    <li>animals
         <ul style="list-style-type:circle;">
           <li>cats</li>
           <li>dogs</li>
           <li>rats</li>
            <li>hogs</li>
            <li>snakes</li>
            <li>frogs</li>
        </ul>
    </li>
    <li>onions</li>
</ul>
4

2 に答える 2

4

試してみてください<ul style="list-style-type:circle; list-style-image: none;">。

2つのプロパティは異なります。list-style-imageオーバーライドを設定した場合list-style-type、後者はイメージが利用できない場合にのみ使用されます（バックアップとして）。したがって、画像を強制的に使用しないようにするには、この場合は画像を使用しないように明示的に指示する必要があります。

実際には、次のように設定できるはずです。

ul{
  list-style-image:url(images/green-checkmark.png);
  list-style-type:circle; /* back-up */
}

次に、インラインで行う場合：<ul style="list-style-image: none;">

于 2012-08-01T13:13:15.327 に答える
2

list-style-imageもオーバーライドしてみましたか？例：style="list-style-image: none; list-style-type:circle;"。

ただし、Zhihaoは正しいです。これは、外部CSSのクラスまたはより具体的なセレクターとして実行する方が適切です。

于 2012-08-01T13:13:35.230 に答える