Question

我的常见问题页面页面顶部有一系列问题，这些问题是指向答案所在页面部分的链接（例如：https://www.unicefusa.org/about/faq）。

如果您转到上面提供的链接，您会注意到当您点击页面顶部列出的问题时，页面会跳转到提供答案的部分。我想知道如何能够暂时突出链接跳转到的页面部分（点击时）。是否可以使用html / css执行此操作？

Answer 1

抱歉css：目标选择器适合这个

Answer 2

我刚刚了解了@keyframes，这可能正是您正在寻找的。使用this和：target你可以使用css使你选择的文本改变颜色并保持这种方式，只要你选择，因为它恢复到这个元素恢复到它的原始CSS。

div {
    width: 200px;
    height: 200px;
    background-color: white;
    animation-name: test;
    animation-duration: 4s;
 }

@keyframes test {

  from {background-color: white;}
  to {background-color: red;}
}

以下是示例https://jsfiddle.net/Arparas/oe7twew8/

的链接

Answer 3

如果您在链接的css中添加目标部分ID和“a：focus”，它将显示您在css上添加的颜色片刻。如果单击并按住链接，则可以看到它。例如： a：焦点{ color: yellow; }

如何使用html / css突出显示html元素几秒钟？

3 个答案: