Отключить элементы li в панели навигации HTML ⇐ CSS

[Anonymous]

У меня простая панель навигации, это HTML

Код: Выделить всё

[list]
[*][url=login.html]Login[/url]
[*][url=settings.html]Settings[/url]
[*][url=conf.html]Configuration[/url]
[*][url=about.html]About[/url]
[/list]

Код: Выделить всё

ul li {
list-style: none;
display: inline-block;
float: left;
line-height: 50px;
}

ul li a{
display: block;
text-decoration: none;
font-size: 14;
font-style: arial;
color: #1e1e1e;
padding: 0 20px;
}

Я хотел бы отключить пункты меню, за исключением входа в систему, до тех пор, пока пользователь не войдет в систему на странице.
Я видел много примеров в Интернете, но ничего не работало.
Можете ли вы привести мне пример? Я новичок в HTML и пытаюсь учиться.
Заранее спасибо за ваше время.
Я пытался использовать классы, как вы можете вижу, но не понятно, как их использовать в JS

Подробнее здесь: https://stackoverflow.com/questions/786 ... n-bar-html