如何更改当前页面上的 link 颜色？

Question

我无法更改当前的 link 颜色。如果我点击我的link之一，那么它将转到指定的URL，但当前打开的link的颜色没有改变。仍然显示与其他未激活的 link 相同的颜色。

我的网站是http://lineswork.com/beta/architecture

你可以试试点击右边的links，V2和dragofly。页面改变但颜色没有改变。请帮助我。

谢谢。

Answer 1

向 link 添加 class，例如 selected，然后尝试这种 CSS 样式。

.selected{
   color: #a0160d;
}

将 <?php $current_id = $post->ID; ?> 放在循环之外。

然后，更改您的代码

<div id="architecture-wrap-right">
  <?php //get post type ==> architecture query_posts(array( 'post_type'=>'architecture', 'posts_per_page' => 10, 'paged'=>$paged )); ?>
  <div class="architecture-item-details"> <div class="architecture-title">
    <a <?php if ( $current_id == $post->ID ) echo 'class="selected"'; ?> href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" ><?php echo the_title(); ?></a>
</div> </div> </div>

Answer 2

a:visited { 
    background-color: Red; 
}

如何更改当前页面上的 link 颜色？

How to change current link color on my current page?

jquery

css

permalinks