HTML / CSS: сбросить заполнение списка по умолчанию

Question

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

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

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

Так как мне это исправить?

Answer 1

Смысл сброса в том, чтобы устранить изменения из-за настроек браузера по умолчанию.Другими словами, нет определенного способа «отменить сброс», потому что разные браузеры могут иметь разные значения по умолчанию.

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

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

Answer 2

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

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

Answer 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>

Answer 4

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

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

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