Kiểu danh sách mặc định (CSS) là gì?

Trên trang web của tôi, tôi sử dụng reset.css. Nó thêm chính xác điều này vào các kiểu danh sách:

ol, ul {
    list-style: none outside none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

Vấn đề là tất cả các kiểu danh sách được đặt thành NONEnày. Tôi muốn hoàn nguyên kiểu danh sách ban đầu (mặc định) cho tất cả các danh sách chỉ trên các trang con của trang web (tất cả các danh sách trong .my_container).

Khi tôi cố gắng thiết lập những thứ như list-style-typeđể inheritlà không kế thừa kiểu mặc định của trình duyệt chỉ dành riêng cho thuộc tính CSS này.

Có cách nào để kế thừa phong cách của trình duyệt gốc cho một số thuộc tính nhất định mà không cần sửa đổi reset.css không?

Tôi đã sử dụng để đặt CSS này để xóa thiết lập lại:

ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

CHỈNH SỬA: với một lớp cụ thể của khóa học ...

Tôi nghĩ đây thực sự là những gì bạn đang tìm kiếm:

.my_container ul
{
    list-style: initial;
    margin: initial;
    padding: 0 0 0 40px;
}

.my_container li
{
    display: list-item;
}

Theo tài liệu, hầu hết các trình duyệt sẽ hiển thị <ul>, <ol>và <li>các yếu tố với các giá trị mặc định sau đây:

Cài đặt CSS mặc định cho thẻ UL hoặc OL :

ul, ol { 
    display: block;
    list-style: disc outside none;
    margin: 1em 0;
    padding: 0 0 0 40px;
}
ol { 
    list-style-type: decimal;
}

Cài đặt CSS mặc định cho thẻ LI :

li { 
    display: list-item;
}

Tạo kiểu cho các mục danh sách lồng nhau:

ul ul, ol ul {
    list-style-type: circle;
    margin-left: 15px; 
}
ol ol, ul ol { 
    list-style-type: lower-latin;
    margin-left: 15px; 
}

Lưu ý: Kết quả sẽ hoàn hảo nếu chúng ta sử dụng các kiểu trên với một lớp. Cũng xem các điểm đánh dấu Danh sách-Mục khác nhau .

http://www.w3schools.com/tags/tag_ul.asp

ul { 
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

Bạn không thể. Bất cứ khi nào có bất kỳ biểu định kiểu nào được áp dụng chỉ định một thuộc tính cho một phần tử, không có cách nào để truy cập mặc định của trình duyệt, đối với bất kỳ trường hợp nào của phần tử.

Ý tưởng (có thể tranh chấp) của reset.css là loại bỏ các mặc định của trình duyệt, để bạn có thể bắt đầu tạo kiểu của riêng mình từ một bàn làm việc sạch sẽ. Không có phiên bản nào của reset.css làm được điều đó hoàn toàn, nhưng trong phạm vi của họ, tác giả sử dụng reset.css được cho là xác định hoàn toàn kết xuất.

Bạn đang đặt lại lề trên tất cả các phần tử trong khối css thứ hai. Lề mặc định là 40px - điều này sẽ giải quyết vấn đề:

.my_container ul {list-style:disc outside none; margin-left:40px;}

Một câu trả lời cho tương lai: CSS 4 có thể sẽ chứa từ khóa hoàn nguyên, từ khóa này sẽ hoàn nguyên một thuộc tính về giá trị của nó từ biểu định kiểu người dùng hoặc tác nhân người dùng [ nguồn ]. Khi viết bài này, chỉ có Safari hỗ trợ điều này - hãy kiểm tra tại đây để biết các bản cập nhật về hỗ trợ trình duyệt.

Trong trường hợp của bạn, bạn sẽ sử dụng:

.my_container ol, .my_container ul {
    list-style: revert;
}

Xem thêm câu trả lời khác này với một số chi tiết hơn.