如何选择ID的子代

Question

我有以下 HTML：

<td id="product_name"><span>Test Produkt<br>
<br>
- Ganz<br>
- Viele<br>
- Eigenschaften</span>
</td>

并尝试将第一行加粗。

#product_name > span {
  /* block style to allow ::first-line pseudo class*/
  display: inline-block;
}

#product_name > span::first-line {
  font-weight: bold;
}

但即使这样也无法让一切变得大胆。

#product_name > span {
  display: inline-block;
  font-weight: bold;
}

据我所知，子选择器也应该使用 ID。我错过了什么？

Answer 1

事实上，如果我在它周围添加

<table>

和

<tr>

，它就可以工作......

<table><tr><td id="product_name"><span>Test Produkt<br>
<br>
- Ganz<br>
- Viele<br>
- Eigenschaften</span>
  </td></tr></table>