我怎么能让CSS适用于div中的所有人？

Question

说

<style>
#id{
 text-align:center;
 color:orange;
}
</style>

<div id="id">
<a href="http://url.url/">Click</a>
</div>

所以我希望将color:orange;应用于<a>代码，但事实并非如此，我怎么能这样做呢？

<a>适用，但color:orange;不适用。

示例：Codepen example

感谢。

Answer 1

通常这不是必需的，因为color是一个继承的属性。但是，链接在用户代理样式表中默认定义了颜色，因此它们不会继承。您只需要使用比默认选择器更具体的选择器。

#id, #id * {
  text-align:center;
  color:orange;
}

<div id="id">
  <a href="http://url.url/">Click</a>
</div>

Answer 2

如果您想为父级和内部所有链接应用样式，请使用此代码：

#id, #id a {
  text-align:center;
  color:orange;
}

与用户代理样式相比，更具体的选择器具有更高的优先级（在上例中：#id a）。

根据问题的标题要具体 - 您希望将样式应用于div中的所有元素，因此规则应如下所示：

div * {
  text-align:center;
  color:orange;
}

Answer 3

将颜色添加到

a { color:orange; }

Answer 4

#id {
  text-align: center;
  color: orange;
}

#id * {
  text-align: inherit;
  color: inherit;
}

Answer 5

这可能是你想要的吗？

<style>
#id{
 text-align:center;
 color:orange;
}
</style>

<div id="id">
<a id = "id" href="http://url.url/">Click</a>
</div>