所有标签后代的选择器

Question

很抱歉，对于那些关注css标签的人来说，这听起来非常基本。

相关网页有多个部分：

<section id="top"> ; <section id="tab-banner">

在这些部分中，有许多html具有多层嵌套。

我只想说抓住作为每个部分后代的所有<a>标签。 E.g。

#tab-banner a { /* css here */ }

我怎么说抓住某些类型的所有元素（a）是具有特定ID的元素的后代？

Answer 1

对于所有后代，请使用：

#tab-banner *

对于直系后代，请使用：

#tab-banner > *

编辑：

由于操作改变/澄清了问题：

要查找特定类型的所有后代，只需使用该类型而不是*。例如：

#tab-banner a

所以，你正在尝试的是正确的。如果样式不适用于您期望的元素，那么这些元素实际上不是该部分的后代，或者您有另一个优先考虑的规则。

Answer 2

试试Direct Child Selector：

#tab-banner > a { ... }

Answer 3

听起来你可能需要使用Universal选择器，但我建议你更具体地说明如何附加你的css

#tab-banner * {css here}
星号选择器会将样式附加到所有后代，但这不是最佳实践，因为它具有性能效果

Universal_selectors

获取更多帮助，请查看此有用的文章The 30 CSS Selectors you Must Memorize