0

アイテムの横に箇条書きのない順不同のリストが欲しいのですが。CSSプロパティlist-style-typeを作成し、 noneに設定しました。これをhtml要素に入れると、正常に機能します。

<ul style="list-style-type: none;">
    <li> item1 </li>
    <li> item2 </li>
</ul>

しかし、それを別のCSSファイルに入れると、ユーザーエージェントのプロパティlist-style-type:disk;が原因で機能しません。

!importantを使用してオーバーライドしようとしましたが、オーバーライドされません。これは、ユーザーエージェントルールがストロークされていることを示すgoogle chrome inspect要素の画像ですが、このプロパティの計算値はユーザーエージェント値です。

ここに画像の説明を入力してください

更新:cssファイルは正しくリンクされています。ユーザーエージェントのプロパティがストロークされていることを示す別の画像を追加しましたが、それでも最終的な値として使用されます。

ここに画像の説明を入力してください

4

3 に答える 3

1

list-style-typeこのセレクターに従って、外観から、プロパティをspan要素に適用しようとしていますspan.form-error。そのプロパティはspan要素には無効ですが、ケースに直接適用する必要がありulます。

実験として、このルールをCSSファイルに追加して、これが実際の問題であることを確認できます。

ul { list-style-type: none; }

それが機能する場合は、ulにクラスを追加してルールをより具体的にし、そのクラスをcss-selectorに使用できます。

于 2013-03-15T08:49:47.917 に答える
1

!importantCSSがなくても、ユーザーエージェントをオーバーライドする必要があります。この問題は、HTMLでCSSに適切にリンクされていないことが原因である可能性があります。

このスタイルリセットもチェックしてください。これをドキュメントに含めると、ブラウザの不整合が減ります。

于 2013-03-15T08:37:18.270 に答える
1

あなたのスタイルシートは実際にlink要素を通してあなたのページに含まれていますか?

<head>
    <link rel="stylesheet" href="MyStylesheet.css" type="text/css">
</head>

ユーザーエージェントのスタイルシートは、サイトのスタイルシートよりも優先されるべきではありません。さらに、!importantここで他の回答が示唆しているように、これは悪い習慣であり、ここではまったく必要ありません。

編集:私が上で参照した他の答えは削除されました。新しい回答では、「スタイルリセット」を使用することを提案していますが、これは実際には必要ありません。オーバーライドしようとしているプロパティはすでにわかっています。

于 2013-03-15T08:39:14.987 に答える