Question

我希望我的默认链接在进入网站时显示为有效。 CSS能做到吗？我已经为我的链接提供了css。 Jquery会不会好（jquery的新手）？

更新：

我的代码中有些东西不起作用，有人可以接受这个链接并告诉我我做错了什么吗？ http://jsfiddle.net/2VnXD/7/

Answer 1

创建一个active css类，并提供该类的默认链接：

<强> HTML：

<a href="#">test 1</a>
<a href="#" class="active">test 2</a>
<a href="#">test 3</a>

<强> CSS：

.active{
 border: 1px dashed blue;
 background-color: #eee;   
}
a{
    padding: 5px;
}
a:hover{ /*Simple Hover effect*/
 border: 1px solid red;
 color: green;    
}

<强> EXAMPLE

另外，既然你说你是jQuery的新手，这里有一个处理链接之间切换的简单例子：

$("a").on("click", function(){
   $(".active").removeClass("active");
   $(this).addClass("active");
});

Answer 2

// css

 .link{font-size:18px; color:black;}
 .defaultLink{font-size:24px; color:blue;}

//您的链接

<a class="link" href="#">link 1</a>
<a class="link" href="#">link 2</a>
<a class="link" href="#">link 3</a>
<a class="defaultLink" href="#">link 4</a>

进入网站时，默认链接处于活动状态

2 个答案: