Html 如何在另一个元素中选择一个元素？

我有以下html代码：

<td><a href="...">aaa</a></td>

<td><div><a href="...">bbb</a></div></td>

<td><a href="...">ccc</a></td>

我需要一种方法，只选择td中的a，而不选择div中的a

因此，在上面的示例中，我需要得到：

<a href="...">aaa</a>
<a href="...">ccc</a>

---

我如何才能做到这一点？

只针对属于

td

子元素的锚元素。（

）只匹配元素的子元素（直接后代）

td>a{
背景色：浅绿色；
}

---

仅针对属于

td

的子元素的锚元素。（

）只匹配元素的子元素（直接后代）

td>a{
背景色：浅绿色；
}

---

您可以使用

仅选择直系子代，如下所示：

td>a{
…一些款式
}

您可以使用

仅选择直接子女，如下所示：

td>a{
…一些款式
}

使用父项>直接子项选择器

td>a{
颜色：红色；
文字装饰：无；
}

---

使用父项>直接子项选择器

td>a{
颜色：红色；
文字装饰：无；
}

只要

a

是

td

的直接子对象，就可以执行

td>a{}

。只要

a

是

td

的直接子对象，就可以执行

td>a{}

。