Подтвердить что ты не робот

Что такое стиль списка по умолчанию (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?

4b9b3361

ОТВЕТЫ

Ответ 1

Я использовал этот CSS для удаления reset:

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: с определенным классом курса...

Ответ 2

Я думаю, что это на самом деле то, что вы ищете:

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

.my_container li
{
    display: list-item;
}

Ответ 3

Согласно документации, большинство браузеров отображают элементы <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; 
}

Примечание: Результат будет идеальным, если мы будем использовать вышеуказанные стили с классом. Также см. различные маркеры List-Item.

Ответ 5

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

(спорная) идея reset.css - избавиться от настроек браузера по умолчанию, чтобы вы могли начать свой собственный стиль с чистого стола. Никакая версия reset.css не делает это полностью, но в той степени, в которой это делается, автор, использующий reset.css, должен полностью определять рендеринг.

Ответ 6

Вы возвращаете маркер для всех элементов во втором блоке css. По умолчанию маржа составляет 40 пикселей - это должно решить проблему:

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

Ответ 7

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

В вашем случае вы будете использовать:

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

См. также этот другой ответ с более подробной информацией.