Наследовать от root в CSS? - PullRequest
Новая
       12

Наследовать от root в CSS?

0 голосов
/ 04 марта 2012

Сценарий

Допустим, у меня есть боковая панель, где каждый блок / виджет является элементом li (не очень редко).Я стилизовал эти li-элементы с помощью цветов, отступов, шрифтов на полях и т. Д.

У одного или нескольких блоков есть свой внутренний li-элемент по своему содержанию.Я не хочу наследовать стили от элемента box li.

Другой сценарий

Допустим, у меня есть страница с основным содержанием, содержащая абзацы, списки и заголовкидобавлен с TinyMCE (редактор).

Затем в контенте есть «шорткод», например: [my_superbox_module], который заменяется пользовательским контентом.Этот пользовательский контент содержит поля, добавленные с элементами li.

Код может выглядеть следующим образом: 

<p>My content</p>
<ul>
    <li>My content list item 1</li>
    <li>My content list item 2</li>
</ul>
<p>Another content</p>
<div class="my_superbox_module">
    <ul>
        <li>My superbox 1</li>
        <li>My superbox 2</li>
    </ul>
</div>
<p>Ending paragraph</p>

В этом сценарии я не хочу добавлять класс к каждому элементу ul.потому что это часть контента, добавленная с помощью редактора TinyMCE.

Могу ли я наследовать от root?

Есть ли способ наследовать свойства стиля от root ИЛИ простоочистите его и начните с нуля.

Эти вещи я уже знаю

  • Я могу очистить внутренние li-элементы, переопределив их CSS.Это добавляет дополнительный CSS-код.
  • Я могу использовать> селектор на внешнем li-элементе, чтобы нацелить только одну глубину уровня.Это не очень хорошо работает в некоторых случаях, например, с вложенными блоками (вложенными элементами li).
  • Я могу добавить класс сброса к внутреннему элементу li.Это добавляет дополнительный HTML-код.

Есть ли отличное надежное решение для этого?

1 Ответ

2 голосов
/ 04 марта 2012

Почему бы просто не использовать класс?Измените ваш селектор в CSS с li на li.sidebar и добавьте class="sidebar" к вашим li элементам.

...