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

How to use SUM() in MySQL for calculated values -

ios - IBOutlet for image button not correctly referencing button after recreating outlet -

java - AEM: 403 Forbidden occurs when call a Post servlet -