更改锚链接文本的大小和颜色

Question

我正在尝试检测从上一页点击的锚链接。

我有像

这样的HTML

的index.html

<a href='test.html#project1'>project1</a><a href='test.html#project2'>project2</a><a href='test.html#project3'>project3</a>

bunch of stuff...

的test.html

<a href='#project1'>project1</a><a href='#project2'>project2</a><a href='#project3'>project3</a>

<a id = 'project1'>bunch of stuff......</a>
bunch of stuff
<a id = 'project2'>bunch of stuff......</a>
bunch of stuff
<a id = 'project3'>bunch of stuff......</a>
bunch of stuff

我想将点击的链接文字颜色更改为红色和更大的尺寸。因此，当用户点击 index.html 中的project1时， text.html 文本上的project1将变为红色和更大。

无论如何通过CSS或jQuery来做到这一点？

谢谢！

Answer 1

使用此代码：

if(window.location.hash){
    $('a[href="'+ window.location.hash +'"]').addClass('active');
}

和示例CSS类：

a.active{
    color: red;
    font-size: 18px;
}

这将检查window.location.hash是否存在，如果存在，则会搜索a元素，其href值等于哈希值。然后它将.active类添加到任何匹配的元素。