Farklı bir html sayfasına geçiş olduğunda o active değeri püff olur ı yüzden ;
Bunun için secili adlı bir class kullanmalısın bunu css 'ile yapamazsın çünki sayfalar değişince active olanın hangisi olduğunu bilmez.
örnek ;

<ul class="liste">
   <li><a href="#" class="secili">Aycan aycan </a></li>
   <li><a href="#">Aycan aycan </a></li>
   <li><a href="#">Aycan aycan </a></li>
   <li><a href="#">Aycan aycan </a></li>
   <li><a href="#">Aycan aycan </a></li>
   <li><a href="#">Aycan aycan </a></li>
   <li><a href="#">Aycan aycan </a></li>
</ul>

Css

ul.liste{...}

ul.liste li {...}

ul.liste li  a{color:red;}
ul.liste li  a:hover , ul.liste li  a.secili{color:green;}