CSS rules overriding with :not -
i have question css. actually, have html , css this:
.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>
first, thought first rule override second rule after doing test, browser still applies first one.
i know why because don't understand.
there typo error in .woocommerce ul.products
instead of products use product
and here working demo link
Comments
Post a Comment