2016-08-29 4 views
0

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>

첫째, 나는 생각했다 나의 첫 번째 규칙 것이다 브라우저 제 2의 규정에 의한하지만 몇 가지 테스트를 수행 한 후 우선하여 여전히 첫 번째 것을 적용합니다.

왜 나는 이해하지 못해서 알고 싶습니다.

+0

규칙 받게 될 것입니다 여기에

제품의 오타 오류가 있습니다 . 첫 번째 규칙이 적용되면이 규칙은 두 번째 규칙보다 더 구체적으로 간주됩니다. –

+0

이 질문은 더 이상 재현 할 수없는 문제 또는 간단한 인쇄상의 오류로 인한 것입니다. 비슷한 질문이 여기에 주제 일지 모르지만, 이것은 미래 독자를 돕지 않을 방법으로 해결되었습니다. –

답변

0

.woocommerce ul.products 대신 의 제품 사용, 특정 노드가 그에게 적용되는 가장 구체적인 규칙을 엄지 손가락의 당신의 working demo link

+1

오타가 중요한 이유입니다. 주석에서 오타를 언급 할 수 있습니다. –