HTML/CSS: Reset Заполнение списка по умолчанию

Я использую *{margin:0; padding:0;}, и это первый раз, когда меня что-то ломает. Перемычки и поля списка также равны 0, поэтому отступ потерян., и я хотел бы reset их в исходное состояние, как это возможно?

Я пробовал это без успеха:

ul,ol{ 
   margin :auto; /* This Works */
   padding:auto; /* This Not :( */
}

Итак, как я должен это исправить?

Ответы

Ответ 1

Точка reset заключается в устранении изменений из-за настроек браузера по умолчанию. Другими словами, нет окончательного способа "unreset", поскольку разные браузеры могут иметь разные значения по умолчанию.

Однако вы можете выбрать свои собственные значения по умолчанию, и я думаю, что вы пытаетесь сделать здесь.

Хороший способ сделать это - посмотреть таблицу стилей по умолчанию в браузере (вы должны найти, как это сделать, выполнив поиск). Например, вы можете увидеть таблицу стилей Firefox по умолчанию с этим URL: resource://gre/res/html.css

Ответ 2

Невозможно восстановить значения по умолчанию, но изменение отступов 'ol' или 'ul' и 'li' будет выглядеть нормально. Это работает для меня..

ol{
    padding: 0 25px;
}
ol li{
    padding-left: 0px;
}

Ответ 3

Как вы можете видеть, если вы играете с фрагментом ниже, 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>

Ответ 4

Если я правильно понял вопрос, вы можете попробовать добавить !important; как в следующем:

ul, ol {
   margin : auto;
   padding: auto !important;
}

Обычно он переопределяет все ранее заданные значения.