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

Facebook Talkie