html - 跨 div 和 span 更改字体颜色

Question

是否可以使用 css 跨多个 div 和 span 更改字体颜色？

例如，我有这样的 HTML:

some text ### some text 
<div> some text in div</div>
some text 
<div> some text
  <span>some text</span>
</div>
some ### more text

有没有办法将文本的颜色更改为 ### 标记之间的红色？

附言。问题不在于脚本，而是关于生成的标记/css 本身的问题。

Answer 1

我不太确定你在问什么，所以让我们借此机会复习一些 CSS 基础知识:

此 CSS 将应用于所有 div 标签:

div
{
    color: red;
}

此 CSS 将应用于 div 内的所有 span 标签:

div span
{
    color: red;
}

此 CSS 将应用于所有 div 标签和所有 span 标签:

div, span
{
    color: red;
}

如果您希望将 CSS 规则应用于代码的特定部分而不考虑其中的元素，那么您可以将其放在包装器中，如下所示:

<div class="Wrapper">
    <!-- Lots of different tags in here -->
</div>

然后，您可以应用此 CSS 规则来匹配 div 中具有类 Wrapper 的任何类型的所有标签:

div.Wrapper *
{
    color: red;
}