Что такое стиль списка по умолчанию (CSS)?

на моем сайте я использую сброс.стиль 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 is не наследует стили браузера по умолчанию только для этого свойства CSS.

есть ли способ, чтобы наследовать оригинальные стили браузера для определенных свойств без изменения сброса.css?

7 77
html css list html-lists

7 ответов:

я использовал, чтобы установить этот 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: с определенным классом, конечно...

120

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

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

.my_container li
{
    display: list-item;
}
30

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

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

настройки CSS по умолчанию для UL или пр теги:

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

настройки CSS по умолчанию для ли теги:

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 метки.

7

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

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

4

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

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

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

в вашем случае можно использовать:

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

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

0