Здравствуйте на сайте нужно использовать выпадающее меню. Т.к. я не разбираюсь в js, решил воспользоваться кодом на css, используя псевдокласс focus. Все нормально меню открываются. НО ссылки внутри подменю НЕ РАБОТАЮТ! Может, кто может подсказать, в чем причина? Запускал во всех браузерах, результат одинаковый.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<style>
.lingvo{ display: none; }
.intern:focus ~ .lingvo,
.intern:active ~ .lingvo,
.lingvo:hover lingvo
{
display: block;
}
</style>
</head>
<body>
<ul class="menu">
<li><a href="index.html"></a></li>
<li><a href="kontacts.html">Контакты</a></li>
<li><a href="uslugi.html">Услуги</a></li>
<li><a class="intern" href="#" tabindex="1" >Язык</a>
<ul class="lingvo">
<li><a href="russisch.html">эта Ссылка не работает</a></li>
<li><a href="deutsch.html">эта Ссылка не работает</a></li>
<li><a href="englisch.html">эта Ссылка не работает</a></li>
</ul>
</li>
</ul>
</body>
</html>