如何突出显示基于当前页面的链接?

Cli*_*ign 11 html css navigation

很抱歉,如果这听起来像一个非常愚蠢的问题,但是当你在链接到的页面上时,我需要改变链接的颜色.

例如,当您在stackoverflow的"问题"页面上时,顶部的链接会更改颜色.你怎么做到这一点?

ste*_*e_c 6

这实际上取决于您的页面构建方式.通常,我会使用CSS执行此操作,并为assign指定一个名为"active"的id ...

<a id="active" href="thisPage.html">this page</a>
Run Code Online (Sandbox Code Playgroud)

......在CSS中......

a#active { color: yellow; }
Run Code Online (Sandbox Code Playgroud)

显然这是一个相当简单的例子,但它说明了一般的想法.

  • 这实际上应该是一个类,而不是ID (2认同)

Joh*_*kin 5

这是服务器端的事情 - 在呈现页面时,向链接添加类似"当前页面"的类.然后,您可以将其与其他链接分开设置样式.

例如,StackOverflow class="youarehere"在指向您已经在的页面时呈现链接.