Question

让我试着说清楚：我有一个菜单，当你点击链接时，它跳转到同一页面中的内容。换句话说，它只是一个固定内容的链接。 点击链接后，我可以改变内容的h1标签的颜色吗？

我还想到了一种不同的解决方法，但我不太确定：我可以在向下滚动页面时根据其位置更改H1标签的颜色吗？

干杯！

Answer 1

简单：

h1:target {color: red;}

Answer 2

是的，您可以在CSS中使用：target伪选择器。

http://jsfiddle.net/8rHvy/

请参阅此处了解当前的浏览器兼容性： http://www.quirksmode.org/css/contents.html

Answer 3

CSS3：target伪选择器将执行您想要的操作，但如果浏览器支持是一个问题，您可以执行以下操作：

的jQuery

$('nav li a').click(function (e) {
    var targ = $(this).attr('href');
    $('html, body').scrollTop($("'" + targ + "'").offset());
    $("'" + targ + "'").css('color','red');
    e.preventDefault();
});

HTML：

<nav>
    <ul>
        <li><a href="#someElement">Click here!</a></li>
    </ul>
</nav>

如何更改目标为锚点的div的颜色？

3 个答案: