如何编写CSS选择器以基于另一个td元素内容选择td元素

Posted 2023-02-11

在此html中：

<tbody>
  <tr class="cart-item">
    <td class="image">
      <a href="listing_page/PR1"></a>
    </td>
    <th scope="row" class="info"> ... </th>
    <td class="price"> .. </td>
    <td class="actions">
      <a href="" class="">Remove from cart</a></td>
  </tr>
  <tr class="cart-item">
    <td class="image">
      <a href="listing_page/PR2"></a>
    </td>
    <th scope="row" class="info"> ... </th>
    <td class="price"> .. </td>
    <td class="actions">
      <a href="" class="">Remove from cart</a></td>
  </tr>
</tbody>

我想通过“从购物车中删除”来选择锚标签。它在tr标记中列出，其中包含带有产品代码“ listing_page / PR1”的href。

关于如何使用CSS的任何想法？

答案

如果您问是否可以编写一个CSS选择器来基于包含文本的元素来选择一个元素，那么答案是否定的，那就无法完成。

有一种情况是根据内容选择的，但是选择器是：empty（很明显，它只能用于选择不包含内容的元素）。

您将必须使用类，属性或其他区分锚标记的方法，然后以这种方式选择它。