为什么css属性"重要"不起作用？

Question

这是我的css元素:

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time, #ariane, #ariane1, #ariane2 {
  margin: 0px;
  padding: 0px;
  border: 0px none;
  outline: 0px none;
  font-size: 100%;
  vertical-align: baseline;
  list-style-type: none;
}

<ul style="list-style-type:decimal!important;">
  <li>test1</li>
  <li>test2</li>
  <li>test3</li>
</ul>

问题:

应用元素的样式而不是list-style-type:decimal!important;尽管我把属性"!重要;"

当我检查元素时,ul我发现该属性list-style-type: none;带有下划线并被检查但list-style-type: decimal !important;只是检查,但这是正常的,因为!important.

那么为什么这些数字不会被打败,也不会想到其他的？为什么数字会在我取消选中时显示list-style-type: none;？

Answer 1

您的初始CSS将列表样式类型应用于UL和LI,覆盖仅适用于UL.因此LI仍然设置为CSS中的初始规则集.