改变div和span的字体颜色

Question

是否可以使用css更改几个div和跨度的字体颜色？

例如，我有这样的HTML：

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

有没有办法在###标记之间更改文字的颜色，比方说是红色？

PS。问题不在于脚本，关于结果标记/ css本身的问题。

Answer 1

我不确定你在问什么，所以让我们借此机会讨论一些CSS基础知识：

此CSS将适用于所有div代码：

div
{
    color: red;
}

此CSS将应用于span中的所有div代码：

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;
}

Answer 2

始终在span标记的示例中包装文本。不要扔那样的文字。话虽如此，通常您可以在color的.css文件span属性中指定。

span{ color: Red }

但是如果你想让div中的特定跨度具有特定的颜色，那么 -

<div class="someClass">
    <span>some text</span>
</div>

在.css中，

.someClass { /* properties for the div */ }
.someClass span { color: Blue; /* other font properties */ }