如何更改当前页面上的 link 颜色?
How to change current link color on my current page?
我无法更改当前的 link 颜色。如果我点击我的link之一,那么它将转到指定的URL,但当前打开的link的颜色没有改变。仍然显示与其他未激活的 link 相同的颜色。
我的网站是http://lineswork.com/beta/architecture
你可以试试点击右边的links,V2和dragofly。页面改变但颜色没有改变。请帮助我。
谢谢。
向 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>
a:visited {
background-color: Red;
}
我无法更改当前的 link 颜色。如果我点击我的link之一,那么它将转到指定的URL,但当前打开的link的颜色没有改变。仍然显示与其他未激活的 link 相同的颜色。
我的网站是http://lineswork.com/beta/architecture
你可以试试点击右边的links,V2和dragofly。页面改变但颜色没有改变。请帮助我。
谢谢。
向 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>
a:visited {
background-color: Red;
}