У меня сложилось впечатление, что лучший способ стилизовать элемент списка - это обернуть его содержимое, применить стиль к ol и переопределить этот стиль с помощью wapper (как обсуждено в Сделать элементы упорядоченного списка ABC выделенными жирным шрифтом)Стиль ).
Это просто и хорошо, но, поскольку относительные размеры рассчитываются на основе унаследованного размера, шаг "переопределения" требует некоторой степени ненужной связи между li и его содержимым.Например:
HTML:
<ol>
<li><p>First item</p></li>
<li><p>Second item</p></li>
</ol>
CSS:
ol {
font-size 2em;
}
p {
font-size: .5em;
}
Приведенный выше код корректно удвоит шрифтразмер для ol, и сократить этот удвоенный размер пополам для содержащегося p (то есть он будет поддерживать исходный размер).Надеюсь, вы можете увидеть проблему здесь - если бы я хотел утроить размер шрифта для li, мне также пришлось бы изменить размер шрифта p на .33, чтобы противостоять относительному увеличению.
Я бы хотелиспользуйте относительные размеры во имя лучшей практики, но также хотели бы избежать этой неприятной связи.Есть ли способ, которым я могу взять свой пирог и съесть его тоже?Я знаю, что это не имеет большого значения, и, как правило, именно так работают относительные размеры, но связь, возникающая из-за того, что почти взломать с самого начала, заставляет меня чувствовать себя немного грязно, поэтому я подумал, что хочу спроситьвокруг.