css - *{list style:none} プロパティをオーバーライドする方法

Question

編集できない次の宣言があります (プラットフォームの制限):

*{list-style:none;} 

そして、ドットでリストを作りたいです。これは動作しません：

#id{
list-style-type:circle !important; 
}

最初の宣言をオーバーライドする方法を教えてもらえますか? css では * が #id で上書きされ、!important がすべてを上書きするという印象を受けました。なぜこれが機能しないのですか？http://jsfiddle.net/7AcA9/1/で jsfiddle を作成しました。

ありがとう！

Answer 1

change the rule to #id li.

The list-style property applies to list-items <li>, not the container <ul>, so the * rule overrides it. The reason that #id works normally is because the property is inherited.

You can also remove the !important modifier too.

Answer 2

Add li after the ID selector,

#id li {
    list-style-type:circle; 
}

Answer 3

#mam（または#idあなたの質問ごとに）選択しませんli。を選択するだけulです。 *を選択するliと、list-style-typeプロパティが上書きされます。を使用できます#mam li。