Що таке стилі списку за замовчуванням (CSS)?

На своєму веб-сайті я використовую reset.css. Це додає саме це до стилів списку:

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;
}

Проблема в тому, що для цього встановлено всі стилі списків NONE. Я хочу повернути оригінальні стилі списку (за замовчуванням) лише для всіх списків на підсторінках веб-сайту (усі списки в .my_container).

Коли я намагаюся настройки речі , як list-style-typeна inheritце не буде наслідувати стилі по замовчуванням у браузері тільки для цього CSS властивості.

Чи є спосіб успадкувати оригінальні стилі браузера для певних властивостей без зміни reset.css?

Раніше я встановлював цей CSS для видалення скидання:

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; 
}

EDIT: з певним класом, звичайно ...

Я думаю, це насправді те, що ви шукаєте:

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

.my_container li
{
    display: list-item;
}

Згідно з документацією, більшість браузерів будуть відображатися <ul>, <ol>і <li>елементи з наступними значеннями по замовчуванню:

Налаштування CSS за замовчуванням для тегу UL або OL :

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

Налаштування CSS за замовчуванням для тегу LI :

li { 
    display: list-item;
}

Стиль вкладених елементів списку також:

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

Примітка: Результат буде ідеальним, якщо ми використаємо вищезазначені стилі з класом. Також див. Різні маркери елементів списку .

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;
}

Ви не можете. Всякий раз, коли застосовується будь-яка таблиця стилів, яка присвоює властивість елементу, неможливо дістатися до стандартних параметрів браузера для будь-якого екземпляра елемента.

(Суперечлива) ідея reset.css полягає у позбавленні стандартних налаштувань браузера, щоб ви могли розпочати власний стиль із чистого столу. Жодна версія reset.css цього не робить повністю, але настільки, наскільки вони це роблять, автор, використовуючи reset.css, повинен повністю визначити візуалізацію.

Ви скидаєте поля для всіх елементів у другому блоці css. Поле за замовчуванням - 40 пікселів - це має вирішити проблему:

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

Відповідь на майбутнє: CSS 4, ймовірно, міститиме ключове слово revert, яке повертає властивість до свого значення з таблиці стилів користувача або агента користувача [ джерело ]. На момент написання цього, лише Safari підтримує це - перевірте тут, щоб отримати оновлення щодо підтримки браузера.

У вашому випадку ви б використали:

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

Дивіться також цю іншу відповідь із деякими деталями.