Cách ghi đè kiểu CSS (kiểu danh sách kiểu) được đặt trong tệp CSS chính

Question

Tôi đang cố gắng ghi đè cài đặt CSS cho danh sách ở một trong các trang của tôi. Trong tệp CSS chính của tôi, tôi đã đặt quy tắc sau:

ul, li {list-style-type: none; }

Tôi có một trang, nơi tôi muốn đặt kiểu của danh sách - Tôi cũng muốn tăng khoảng cách giữa các mục danh sách đó trên trang đơn đó.

Trang trông như thế này:

<div><h3 style="color:#023467;">Hello</h3> 
     <ul style="color:#006699; list-style-type:circle;"> <!-- has no effect --> 
      <li>line 1</li> 
      <li>line 2</li> 
      <li>line 3</li> 
      <li>line 4</li> 
     </ul> 
    </div> 

Cho đến nay tôi đã thử như sau:

• Thêm phong cách cho chứa UL thẻ
• Thêm phong cách CẢ đến UL chứa và mỗi thẻ LI

Không có hoạt động nào cho đến thời điểm này. Vì tôi có hơn 1 nghìn trang tham chiếu tệp main.css, tôi không muốn thay đổi nó. Nhưng làm cách nào tôi có thể ghi đè cài đặt cho các mục danh sách cụ thể trong trang của mình?

Tại sao tôi không thể ghi đè cài đặt trong main.css của mình nếu ngay cả khi tôi áp dụng kiểu ở chính phần tử?

Answer 1

Thêm phần này vào file CSS của bạn:

ul.circle, ul.circle > li { list-style-type: circle; } 

Sử dụng dấu sau:

<div><h3 style="color:#023467;">Hello</h3> 
     <ul class="circle" style="color:#006699;"> 
      <li>line 1</li> 
      <li>line 2</li> 
      <li>line 3</li> 
      <li>line 4</li> 
     </ul> 
    </div> 

Hãy chắc chắn rằng không có quy tắc khác thiết ul list-style-type.