重新加载页面后应用css

Question

我在一个网页上：

http://localhost:3000/

在此页面中，我有一个链接：

<a href="/dynamic-username/boards">user's boards</a>

在此页面中，我点击上面的链接，然后转到此页面：

http://localhost:3000/dynamic-username/boards

动态用户名是每个用户的用户名。

如果我访问此最后一页，我想将css样式应用于该链接。如果我访问任何用户的此页面。

如何在转到第二页后应用css样式？

我的框架中的每个视图都共享此链接，并且所有视图都具有相同的css。

我希望如果检测到此网址，则将此样式的css应用于此链接

font-weight:bold

Answer 1

我相信你所追求的是链接的:visited pseudo selector：

 /* Unvisited links will be normal font weight */
 a:link{
   font-weight: normal;
 }

 /* Link will be bold after user has visited it */
 a:visited{
   font-weight: bold;
 }

这将改变您去过的用户主页上任何链接的外观。

Answer 2

在目标网页上添加第二个样式表或内联样式，以覆盖该链接的样式。没有必要的javascript

Answer 3

您可以解析网址并使用javascript与链接的href进行比较，但只需在服务器代码中添加“current_page”类并为该链接类生成css规则就更简洁