Как научить понимать css что сейчас выбрана именно та страница?

Question

[dez64ru]

Как научить css понимать что сейчас именно так страница выбрана.
Главная:

<div class="header">
<ul class="menu">
<li><a class ="selected" href="/">Главная</a></li>
<li><a href="inf.html">О нас</a></li>
<li><a href="photo.html">Фотогалерея</a></li>
<div class="l1"></div>
</ul>
</div>

2ая страница:

<div class="header">
<ul class="menu">
<li><a href="/">Главная</a></li>
<li><a class ="selected"  href="inf.html">О нас</a></li>
<li><a href="photo.html">Фотогалерея</a></li>
<div class="l2"></div>
</ul>
</div>

3яя страница:

<div class="header">
<ul class="menu">
<li><a href="/">Главная</a></li>
<li><a href="inf.html">О нас</a></li>
<li><a class ="selected"  href="photo.html">Фотогалерея</a></li>
<div class="l3"></div>
</ul>
</div>

.header {
	padding: 10px 25px;
	width: auto;
	height: 50px;
	background: rgba(108, 167, 241, .9);
	box-shadow: 2px 0 5px #555
}

ul.menu {
	list-style: none;
	margin-top: 13px
}

ul.menu li {
	display: inline;
	font: 15pt 'Roboto Condensed', sans-serif;
	padding-left: 100px
}

ul.menu li a {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.5)
}

ul.menu li a:hover {
	color: rgba(255, 255, 255, 0.8)
}

ul.menu li a.selected {
	color: #fff
}

Я это сделал топорно, ч-з параметр selected у ссылок, ничего не нашёл по этому поводу в гугле(просто не понимаю что нужно искать).
Прошу простить за мой французский, ещё только учусь)

Answer 1

[Сергей Протько]

Никак, css ничего не знает о том где кто. Только через js.

Comments

[dez64ru]

т.е то что я сделал допустимо?

[dez64ru]

Можно пример скинуть?

[Сергей Протько]

dez64ru: да, только это не параметр а просто дополнительный класс.