Question

我在我的网站中使用Ckeditor来插入文章。文章通常来自Word文档，并且有脚注。使用最后一个Ckeditor构建（7125），我已经能够通过锚点将文章链接到右脚注。它正在自动完成。这是第一个脚注的链接（脚注指向源头）。

<a href="#_ftn1" name="_ftnref1" title="">[1]</a>

<!-- This is the footnote -->
<div id="ftn1">
  <a href="#_ftnref1" name="_ftn1" title="">[1]</a>
First footnote. I want this to be highlight...
</div>

如您所见，每个脚注都在div内。使用以下CSS我成功突出了<a>：

a:target { background:yellow; }

我的问题是：如何突出<div>是他的孩子的整体 <a>？（'ftn1'，在示例中。）

谢谢！

Answer 1

你想要什么是不可能的。

因为如果CSS的代码必须检查一个元素的子代，并且在那之后必须在DOM中重新启动它会变得非常慢。

所以CSS中没有Ancestor Selector。

也许您可以控制父级，并可以为其添加一个类（例如脚注）。

或者您可以使用JavaScript来执行您想要的操作。

Answer 2

不幸的是，CSS中没有父类或祖类类型的选择器，因为它是浏览器性能的主要问题。但是，您可以使用JQuery轻松实现您想要的目标：

$("a:target").parent().css("background", "yellow");

使用CSS Target突出显示父div

2 个答案: