为什么css属性重要"不管用?

时间:2015-09-09 16:45:27

标签: html css

这是我的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>
&#13;
&#13;
&#13;

问题:

尽管我放置了属性&#34;!重要;&#34;

,但应用元素的样式而不是list-style-type:decimal!important;

当我检查元素ul时,我发现属性list-style-type: none;带有下划线并经过检查但只检查了list-style-type: decimal !important;,但由于!important这是正常的。

那么为什么这些数字没有被展示,也没有其他想法呢?以及为什么在我取消选中时会显示数字list-style-type: none;

1 个答案:

答案 0 :(得分:8)

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

相关问题