Html 以当前：目标元素的父元素为目标

我试图将页面的当前

：target

作为任何元素的父元素的目标

下面是我的表结构（重要的部分）

现在，当有人单击一个链接并到达其中一个锚点时，我想突出显示被选择为不同颜色的行，使其更加突出

我知道

：target

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

我尝试了以下CSS选择器：

• ：target>tr
• ：目标>强>tr
• ：目标
• ：目标
• ：目标：家长
• ：target:parent:parent（不确定是否算作父项）

但没有任何结果

---

我在评论中看到，上面提到没有CSS父选择器，但我也可以使用JavaScript/jQuery作为解决方案。我如何才能做到这一点？

您无法使用访问父级（或任何其他祖先）CSS@ItayGal我不介意jQuery/JavaScript解决方案您只需更改背景？@temaniaf如果是，则更改

:target

的父对象的背景，然后只需使用jQuery

yourElement.parent（）

或

yourElement.parentElement

<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; 
}