html - 如何从父元素的样式中定义一组子元素的样式？

Question

如何从父元素的 style定义一组子元素的 style 属性值。

我想实现以下目标 -

<div style="style for the child <span> tags">
 <span>a</span>
 <div>b</div>
 <span>c</span>
 <div>d</div>
</div>

假设我只想设置子标签中的文本<span>颜色，而不是子标签中的文本<div>。在这里，我想知道如何在inline 和 internal CSS的情况下做到这一点。

我该怎么做？

Answer 1

你不能内联。

给你的主 div 一个 id，让我们使用container. CSS将是这样的：

div#container span {
    styles for the spans inside the main div
}

当然，如果您有多个这样的容器 div，请使用 class 而不是 id。方法是一样的。

Answer 2

一种方法是这样的

div span {

/* styles */

}

或者，如果您需要更具体地了解顶级 div，请在其上放置一个 id，然后像这样定位它

#top_level_div span {

/* styles */

}

Answer 3

你可以给父div类，然后在css标签中访问它的子节点。

.fooClass span{color:red;}