Question

这是我的代码：

如何为当前页面链接应用类，以便鼠标光标使用默认值而不是手？

我不想在所有悬停上使用默认光标。我想将一个类应用于活动列表项，然后使用默认光标（即“Home”index.html）在主页上使用Home的默认光标。谢谢！

Answer 1

首先，您需要为每个页面“识别身体”，以区分您所在的页面。

//when at home page

<body id="home"> //or services or contact
    <ul id="navigation">
        <li class="home">
            <a> and so on...
        <li class="services">
            <a> and so on...

然后，您需要为“当前”页面添加类。

//if literally spoken, it's "when at 'this' page, style the link with 'this' class"

#home .home,            //style the home link as "current" when body ID is "home"
#services .services,    //style services link as "current" when body ID is "services"
#contact .contact {     //style contact link as "current" when body ID is "contact"
    //styles when current
}

Answer 2

您可以将其添加到悬停状态

cursor: default;

类似

#list2 a span:hover {
    cursor: default;
}

在大多数情况下，default会给你箭头，这就是我想你想要的。

此处有更多详情：http://reference.sitepoint.com/css/cursor

Answer 3

您可能希望使用CSS cursor属性。 http://www.w3schools.com/cssref/pr_class_cursor.asp

尝试：

div#nav ul li a {
cursor:default;
}

如何为当前页面链接应用CSS样式

3 个答案: