Q:

applying CSS to current page link doesn't work

I tried every method, html & css, and javascript & css, and nothing seems to work.
this is the site I'm working on http://www.placepigalle-seattle.com/
This is my Html: 

<div id="content">

        <nav  id="navlist" class="logo-center nav-overlay">
            <div class="row">
                <div medium-4 columns text-right">
                    <ul class="menu">
                        <li><a href="index.php" id="homenav">Home</a></li>
                        <li><a href="reserve.php" id="reservenav">Reservations</a></li>
                        <li><a href="menus.php" id="menusnav">Menus</a></li>
                    </ul>
                </div>

                <div class="medium-4 columns text-center">
                    <a href="index.php"><img alt="" src="img/logo_medium.png" class="logo medium-7"></a>
                    <a href="index.php"><img alt="" src="img/logo-dark.png" class="logo logo-dark medium-10"></a>
                </div>

                <div class=" medium-4 columns text-left">
                    <ul class="menu">
                        <li><a href="location.php" id="locationnav">Find us</a></li>
                        <li><a href="history.php" id="historynav">History</a></li>
                        <li><a href="contact.php" id="contactnav">Contact</a></li>
                    </ul>
                </div>
                <div class="nav-toggle"><i class="icon icon_menu"></i></div>
            </div>
        </nav>

This is my CSS:
body#home a#homenav,
body#contact a#contactnav,
body#gallery a#gallerynav,
body#history a#historynav,
body#location a#locationnav,
body#menus a#menusnav,
body#reserve a#reservenav, {
    background: #FFD3CEf !important;
}

Many thanks

A:

Remove the extra markup on your CSS selectors (see my CSS sample below)
Add a missing class to the div currently shown as: <div medium-4 columns text-right"> (see HTML fix below)
All your IDs have an extra space at the end (in the HTML) - remove them
Your background attribute needs to adjusted to background-color: #FFD3CE; (in you CSS)

a#homenav,
a#contactnav,
a#gallerynav,
a#historynav,
a#locationnav,
a#menusnav,
a#reservenav{
    background-color: #FFD3CE;  
}
<div id="content">

  <nav id="navlist" class="logo-center nav-overlay">
    <div class="row">
      <div class="medium-4 columns text-right">
        <ul class="menu ">
          <li><a href="index.php " id="homenav">Home</a>
          </li>
          <li><a href="reserve.php " id="reservenav">Reservations</a>
          </li>
          <li><a href="menus.php " id="menusnav">Menus</a>
          </li>
        </ul>
      </div>

      <div class="medium-4 columns text-center">
        <a href="index.php ">
          <img alt=" " src="img/logo_medium.png" class="logo medium-7 ">
        </a>
        <a href="index.php ">
          <img alt=" " src="img/logo-dark.png" class="logo logo-dark medium-10 ">
        </a>
      </div>

      <div class=" medium-4 columns text-left ">
        <ul class="menu ">
          <li><a href="location.php " id="locationnav">Find us</a>
          </li>
          <li><a href="history.php " id="historynav">History</a>
          </li>
          <li><a href="contact.php " id="contactnav">Contact</a>
          </li>
        </ul>
      </div>
      <div class="nav-toggle "><i class="icon icon_menu "></i>
      </div>
    </div>
  </nav>
</div>

