Trọng một phong cách CSS

Question

Trong một style sheet toàn cầu sử dụng trên tất cả các trang của chúng tôi ngồi dòng sau:

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

Do đó, bất kỳ của ul bên trong các trang của tôi làm cho không có đĩa bên cạnh li của.

Tuy nhiên, trong các trường hợp đặc biệt, tôi cần hiển thị đĩa bên cạnh li.

Tôi có một div với lớp "bài đăng trên blog" và mặc dù điều sau đây sẽ thực hiện thủ thuật cho tôi.

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

Tuy nhiên, điều này không thực hiện được.

Vì vậy, với đoạn mã HTML sau đây

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

Kết quả với:

Testing 
1. Testing 

Vẫn không có đĩa trong li của lồng vào những năm ul. Suy nghĩ về cách tôi có thể nhận được chúng ở đó? CSS-fu của tôi là yếu ....

Answer 1

quan trọng là không cần thiết vì phong cách đẳng cấp cụ thể ghi đè lên phong cách toàn cầu rồi. Vấn đề là bởi vì trong phong cách toàn cầu, bạn đặt lề thành 0. Kiểu kiểu đang được hiển thị chính xác, nhưng bạn không thể nhìn thấy nó. Điều này sẽ phù hợp với bạn:

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

Answer 2

Thay đổi này:

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

này:

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