Псевдокласс
:nth-child используется для добавления стиля к элементам на основе нумерации в дереве элементов.
Смотрим исходный код документа:
Код:
<li><a href="login.php?do=logout&logouthash=-----" onclick="return log_out('Вы действительно хотите выйти?')">Выход</a></li>
<li><a href="usercp.php">Кабинет</a></li>
<li><a href="member.php?u=6902">Мой профиль</a></li>
<li class="popupmenu nonotifications" id="nonotifications"><a id="yui-gen1" class="popupctrl" href="usercp.php">Уведомления</a><ul id="yui-gen0" class="popupbody">
<li>Нет новых сообщений</li>
<li><a href="private.php">Входящие</a></li>
</ul>
</li>
<li class="welcomelink">Добро пожаловать, <a href="member.php?u=6902">Death Snow</a></li>
Как мы видим, в нашей панели есть список из 5 значений:
Добро пожаловать, <ник>
Уведомления
Мой профиль
Кабинет
Выход
Их нумерация:
- Выход
- Кабинет
- Мой профиль
- Уведомления
- Добро пожаловать, <ник>
То есть, чтобы скрыть какой-либо из них, нужно всего лишь подставить число, заместо Х, в
:nth-child(Х) и прописать соответствующие правила, пример которых приведен выше жирным синим цветом.
[свернуть]