2012-03-09 35 views
9

Tôi muốn biến phần tử css này trở lại cài đặt mặc định và tôi không thể tìm ra cách ghi đè các phần tử css kiểu danh sách này. Họ đang ở trên một tờ phong cách khác mà tôi không thể thay đổi nhưng tôi đang liên kết đến. Xin vui lòng giúp đỡ nếu bạn biết làm thế nào.Ghi đè CSS kiểu danh sách trở về mặc định

ol li { 
    list-style: decimal; 
} 
ol { 
    list-style: decimal outside; 
} 
+0

Tôi có nghĩa là mặc định theo cách trình duyệt hiểu CV và Li – Blynn

Trả lời

15

Sử dụng !important, ví dụ .:

ol li { 
    list-style: inherit !important; 
} 

ol { 
    list-style: inherit !important; 
} 
+1

tôi sẽ chỉ sử dụng quan trọng như một phương sách cuối cùng!. Nó phủ nhận tính đặc hiệu, có thể có hậu quả không mong muốn, và làm cho việc duy trì cơn ác mộng. Nó không phải là kỹ thuật sai, nhưng nó không phải là một thực hành tốt nhất. – chipcullen

+0

Tôi sẽ upvote này nếu bạn làm rõ rằng '! Quan trọng' chỉ nên được sử dụng trong trường hợp như thế này, nơi bạn có một bảng định kiểu mà bạn không thể thay đổi, nhưng bạn phải ghi đè nó. –

+5

Đó không phải là trường hợp thực sự. Xem xét: nút ': hoạt động {color: red; } button: con đầu tiên {color: blue; } '. Tôi muốn tất cả văn bản của nút đang hoạt động có màu đỏ nhưng văn bản của nút đầu tiên phải có màu xanh dương. Hai bộ chọn có cùng độ đặc hiệu, và chỉ thứ tự quy tắc tạm thời quyết định kết quả (điều đó là khủng khiếp.) Trong trường hợp này, tôi đặt nút ': active {color: red! Important; } 'để tránh bloat chọn, vì tôi biết: trạng thái hoạt động thực sự quan trọng nhất trong tình huống này. http://jsfiddle.net/ygcYG/ –

0

tôi sẽ đi về cố gắng sử dụng đặc hiệu để thiết lập các phong cách li để bất cứ điều gì bạn muốn. Bạn có một yếu tố cha mẹ mà bạn có thể móc vào? Giống như, nếu đó là div với vùng chứa lớp học, hãy làm như sau:

.container ol li { 
    /* whatever you want */ 
} 
3

Không được khuyến khích sử dụng! Bạn có thể làm những gì chipcullen nói ở trên bằng cách thêm một bình đựng chất hay nếu bạn muốn có một ghi đè đơn giản mà sẽ làm việc không có vấn đề gì, bạn có thể làm một cái gì đó như thế này:

body ol { 
    margin: 1em 0; 
    padding: 0 0 0 40px; 
} 

body ol li { 
    list-style-type: decimal; 
} 

Các giá trị tôi đặt bên trong có nên đặt lại cho trình duyệt mặc định và được lấy từ normalize.css.

1

Bạn có thể cần:

ol li { display: list-item; } 
Các vấn đề liên quan