CSS 스타일을 우선합니다

Question

모든 페이지에서 사용되는 글로벌 스타일 시트에는 다음 줄이 있습니다.

ul { margin: 0; }
li { list-style-type: none; padding-bottom: 3px; }

따라서 내 페이지 내부의 모든 UL은 Li 's 옆에 디스크가없는 렌더링됩니다.

그러나 특별한 경우에는 Li 옆에 디스크를 표시해야합니다.

나는 "블로그 포스트"수업과 함께 div를 가지고 있으며, 다음은 나에게 속임수를 낼 것입니다.

.blog_body ul { list-style-type: disc; }
.blog_body ol { list-style-type: decimal; }

그러나 이것은 속임수를하지 않습니다.

다음과 같은 html 스 니펫으로

<ul>
  <li>Testing</li>
</ul>
<ol>
  <li>Testing</li>
</ol>

결과 :

Testing
1. Testing

Li는 여전히 UL에 둥지를 짓지 않습니다. 내가 어떻게 거기에 도착할 수 있는지에 대한 생각? 내 CSS-fu는 약합니다 ....

Answer 1

수업 별 스타일이 이미 글로벌 스타일을 무시하기 때문에 중요하지 않습니다. 문제는 글로벌 스타일에서 마진을 0으로 설정하기 때문입니다. 스타일 유형이 올바르게 렌더링되고 있지만 볼 수는 없습니다. 이것은 당신에게 효과가 있어야합니다 :

.blog_body ul 
{
    list-style-type: disc; 
    margin: 1em;
}

Answer 2

이것을 변경하십시오 :

.blog_body ul { list-style-type: disc; }
.blog_body ol { list-style-type: decimal; }

이에:

.blog_body ul li { list-style-type: disc; }
.blog_body ol li { list-style-type: decimal; }