0

How does one style links for the current page differently from others? I would like to swap the colors of the text and background

HTML code

<div id="navbar-collapse" class="navbar-collapse collapse">
  <ul class="nav navbar-nav navbar-right">

    <li><a href="index.php">Home</a></li>

    <li><a href="about.php">About</a></li>

    <li class="dropdown">
      <a href="#" data-toggle="dropdown" class="dropdown-toggle">Products</a>
      <ul class="dropdown-menu">
        <li><a href="street-light-capsul-model.php">Street light capsule model</a></li>
        <li><a href="street-light-lens-model.php">Street light lens model</a></li>
        <li><a href="flood-light-with-white-reflector-fixture-model.php">Flood light width white reflector fixture model</a></li>
        <li><a href="street-light-lens-fixture-model.php">Street light lens fixture model</a></li>
        <li><a href="flood-lights.php">Flood Light</a></li>
        <li><a href="street-lights.php">Street Light</a></li>
        <li><a href="high-bay-lights.php">High Bay Lights</a></li>
      </ul>
    </li>
    <li><a href="contact.php">Contact</a></li>
  </ul>
</div>
m4n0
  • 29,823
  • 27
  • 76
  • 89
khodidas patel
  • 13
  • 4
  • https://stackoverflow.com/questions/2397370/change-link-color-of-the-current-page-with-css/41754964#41754964 is this answer your question? – Smollet777 Dec 03 '22 at 11:20

0 Answers0