Home/ Questions/Q 7648045
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T10:36:49+00:00

Here is my code: How can I apply a class for the current page

  • 0

Here is my code:

How can I apply a class for the current page link so the mouse cursor will use the default and not the hand?

I don’t want to use default cursor on all hovers. I want to apply a class to the active list item and then use default cursor (i.e for “Home” index.html) use default cursor for Home when on home page. Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here’s a demo

    first, you need to “ID the body” for every page, giving it a distinction what page you are at.

    //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...

    then, you need to add classes for the “current” pages.

    //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
}
    • 0