场景
假设我有一个侧边栏，其中每个框/小部件都是一个 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 继承样式属性或者只是清理它并从头开始。
这些我都知道
- 我可以通过覆盖它们的 CSS 来清除内部的 li 元素。这会添加额外的 CSS 代码。
- 我可以在外部 li 元素上使用 > 选择器来仅定位一个层次深度。这在某些情况下效果不佳，例如嵌套框(嵌套的 li 元素)。
- 我可以向内部 li 元素添加一个重置类。这会添加额外的 HTML 代码。
有没有很好的解决方案？
最佳答案
为什么不直接使用类呢？将 CSS 中的选择器从 li 更改为 li.sidebar 并将 class="sidebar" 添加到 li 元素.
关于html - 从CSS中的根继承？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9558230/