选择一个有特定班级孩子的孩子

Question

我正在尝试提出一个选择器，该选择器仅适用于拥有特殊班级孩子的td。为此，我尝试使用has选择器。我在这里做错了什么？

tr td:has(.test_has' {
 background: red;
}

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>
      <div class="test">Griffin</div>
    </td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
  </tr>
</table>

Answer 1

.has目前是一项实验性技术，因此将无法使用。 Check this

或者您可以使用jQuery

$(".test").each(function() {
  $(this).closest("td").css({
    "background": "red"
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>
      <div class="test">Griffin</div>
    </td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
  </tr>
</table>