Я использую *{margin:0; padding:0;}, и это первый раз, когда меня что-то ломает. Перемычки и поля списка также равны 0, поэтому отступ потерян., и я хотел бы reset их в исходное состояние, как это возможно?
Я пробовал это без успеха:
ul,ol{
margin :auto; /* This Works */
padding:auto; /* This Not :( */
}
Итак, как я должен это исправить?
Точка reset заключается в устранении изменений из-за настроек браузера по умолчанию. Другими словами, нет окончательного способа "unreset", поскольку разные браузеры могут иметь разные значения по умолчанию.
Однако вы можете выбрать свои собственные значения по умолчанию, и я думаю, что вы пытаетесь сделать здесь.
Хороший способ сделать это - посмотреть таблицу стилей по умолчанию в браузере (вы должны найти, как это сделать, выполнив поиск). Например, вы можете увидеть таблицу стилей Firefox по умолчанию с этим URL: resource://gre/res/html.css
Невозможно восстановить значения по умолчанию, но изменение отступов 'ol' или 'ul' и 'li' будет выглядеть нормально. Это работает для меня..
ol{
padding: 0 25px;
}
ol li{
padding-left: 0px;
}
Как вы можете видеть, если вы играете с фрагментом ниже, initial значение для padding-left - 0. Моя точка зрения касается вашего заявления:
Я хотел бы вернуть их в исходное состояние
то, что я пытаюсь проиллюстрировать, и то, что @jdigital как бы сказал в своем ответе, заключается в том, что у CSS-свойств нет исходного состояния, все они зависят от реализации браузера, например, стилевых таблиц браузера по умолчанию.
ul {
outline: 1px solid coral;
list-style: none;
padding-left: 48px;
}
li {
outline: 1px solid lightseagreen;
}
ul {
padding-left: initial;
}<ul>
<li>Item 1</li>
<li>Item 2</li>
<ul>Если я правильно понял вопрос, вы можете попробовать добавить !important; как в следующем:
ul, ol {
margin : auto;
padding: auto !important;
}
Обычно он переопределяет все ранее заданные значения.