CSS规则覆盖：不是

我有一个关于CSS的问题。其实，我有一个HTML和CSS谁是这样的：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>

首先，我认为我的第一条规则将由我的第二条规则，但做了一些测试后，我的浏览器重写仍然适用第一个。

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

来源

2016-08-29 Latsuj

规则，给定节点将接收适用于他的最具体的规则错字错误。如果应用了第一条规则，则意味着该规则被认为比第二条更具体。 –

投票结束，因为这个问题是由于无法再现的问题或简单的印刷错误造成的。虽然类似的问题可能在这里讨论，但这个问题的解决方式不太可能有助于未来的读者。 –

存在的.woocommerce ul.products代替产品使用产品

，这里是拇指您working demo link

来源

2016-08-29 05:49:05

Typo是一个密切的原因。你可以在评论中提到错字 –

CSS规则覆盖：不是

回答

相关问题