CSS规则覆盖:不是

时间:2016-08-29 05:44:06

标签: css rules override

我对CSS有疑问。 实际上,我有一个html和css看起来像这样:



.entry-content ul:not(.bxslider) > li {
  list-style-type: disc;
}
.... .woocommerce ul.products li {
  list-style: none;
}

<body class="woocommerce">
  <div class="entry-content">
    <ul class="product">
      <li>Something</li>
    </ul>
  </div>
</body>
&#13;
&#13;
&#13;

首先,我认为我的第一条规则将通过我的第二条规则覆盖,但经过一些测试后,我的浏览器仍会应用第一条规则。

我想知道为什么,因为我不明白。

1 个答案:

答案 0 :(得分:0)

.woocommerce ul.products而非产品使用产品

时出现拼写错误

这是你的working demo link