Question

方案

假设我有一个侧边栏，其中每个框/小部件都是一个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继承样式属性，或者只是清理它并从头开始。

我已经知道的这些事情

我可以通过覆盖他们的CSS来清除内部li元素。这增加了额外的CSS代码。
我可以使用＆gt;外部li元素上的选择器仅针对一个级别的深度。在某些情况下，这样做效果不佳，例如嵌套框（嵌套的li元素）。
我可以在内部li元素中添加一个reset-class。这增加了额外的HTML代码。

对此有一个很好的解决方案吗？

Answer 1

为什么不使用课程？将CSS中的选择器从li更改为li.sidebar，并将class="sidebar"添加到li元素。

在CSS中从root继承？

1 个答案: