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

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

c# - Check Keyboard Input Winforms -