Как вернуть отображение стилей списков после reset?

Как вернуть отображение стилей списков после reset?

55
19.07.2018

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

Хорошо, если при этом для стилей контента прописываются какие-то особенные стили, со своими стилизированными маркерами, но чаще возникает ситуация, когда про такую стилизацию просто "забывают". Как же сделать так, чтобы списки, используемые в дизайне, оставались обнуленными, а стили, используемые в текстах по сайту были с маркерами? Нужно вернуть значения по умолчанию

Обнуление для нумерованных и ненумерованных списков выглядит так:

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

.wark-area li { 
    display: list-item;
}

.wark-area ul ul, .wark-area ol ul {
    list-style-type: circle;
    margin-left: 15px; 
}
.wark-area ol ol, .wark-area ul ol { 
    list-style-type: lower-latin;
    margin-left: 15px; 
}

Согласно документации, большинство браузеров отображают списки именно с такими параметрами



Благодарю за внимание! Делитесь вашими замечаниями в комментариях ниже.


P.S. Обращайтесь ко мне за приобретением лицензий и продлений на 1C-Битрикс "Управление сайтом", лицензий на облачную и коробочную версии Битрикс 24 а также за приобретением и внедрением готовых решений на базе 1С-Битрикс от партнеров. За более подробной информацией свяжитесь со мной любым удобным для вас способом


Комментарии

Еще никто не комментировал данную публикацию. Будьте первыми!

Добавить комментарий

captcha

Возврат к списку