Question

我正在尝试定位页面当前: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>

我以这种方式将锚元素作为表的一部分而不是整个行，因为在我的网站上有一个标题，这意味着如果我锚定整个行，则该行在滚动后将隐藏在标题的后面元素，因此锚元素必须保留在该位置。

这是我的锚元素CSS

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

现在，当有人单击链接并到达这些锚点之一时，我想突出显示被选择为另一种颜色的行，以使其更加突出。

我知道:target CSS选择器，它应该允许我更改所选元素的CSS，但是，我不需要更改 actual 目标的CSS，我需要更改它的父母css。

我尝试了以下CSS选择器：

：target> tr
：目标>强> tr
：目标
：目标<强
：target：parent
：target：parent：parent（不确定是否被视为父母）

但是没有任何结果给我任何结果。

我在评论中看到提到它没有CSS父选择器，但是我也可以使用JavaScript / jQuery作为解决方案。我该怎么办？

定位当前：target元素的父级

0 个答案: