以当前元素的父元素为目标:目标元素[重复]

:target 一页一页的。

大致上,这是我的表结构(重要的部分)

<table>
    <tr>
        <th>Name</th>
    </tr>
    <tr>
        <td><strong><a class="anchor" id="teammate_row_1"></a>Name 1</strong></td>
    </tr>
    <tr>
        <td><strong><a class="anchor" id="teammate_row_2"></a>Name 2</strong></td>
    </tr>
    <tr>
        <td><strong><a class="anchor" id="teammate_row_3"></a>Name 3</strong></td>
    </tr>
</table>

必须 留在这里。

a.anchor {
    display: block; 
    position: relative; 
    top: -90px; 
    visibility: hidden; 
}

现在,当有人单击一个链接并到达其中一个锚定点时,我想对选中的行进行某种高亮显示,使其具有不同的颜色,以便使其更加突出。

我知道 CSS选择器,它应该允许我更改所选元素的CSS,但是,我不需要更改 实际的 目标的CSS,我需要更改它的父CSS。

我尝试了以下CSS选择器:

• :目标>tr
• :target>强>tr
• :目标<tr
• :目标<强<tr
• :目标:父级
• :target:parent:parent(不确定是否算作父级)

我在评论中看到,上面提到没有CSS父选择器,但是我也可以使用JavaScript/jQuery作为解决方案。我该怎么做?