Использование CSS для стилизации ссылок внутри определенных тегов (header, nav, article, footer) без классов или идентификаторов

Question

Я пытаюсь стилизовать некоторые ссылки в моей навигационной панели. Поскольку я использую html5, я поместил ссылки в стандартный <nav>, а затем тег <ul>, а затем <li>. Как бы я стилизовал только ссылки внутри тегов <nav> <ul> <li> (я предполагаю, с псевдо-классами)?

Я думал о следующем, но безрезультатно:

nav ul li a:link, a:visited {}
nav a:link, a:visited {}

Я знаю, что могу использовать классы и идентификаторы, но я хотел знать, смогу ли я сделать это без них, поскольку у меня, вероятно, будет только один тег <nav> на всей странице с неупорядоченным списком внутри. Если бы вы могли сообщить мне, возможно ли это без использования классов и идентификаторов, это было бы здорово.

Answer 1

http://jsfiddle.net/S9RG8/ Вот скрипка JS, показывающая рабочий пример того, как выбрать все псевдоэлементы якоря в ul внутри тега nav.

Это должно работать для вас, нов противном случае вы можете захотеть включить HTML5 shiv в свой заголовок, чтобы браузер, с которым вы работаете, поддерживал элементы HTML5.code.google.com/p/html5shiv/

Надеюсь, это поможет

Answer 2

Может быть, просто используйте a для стилизации ссылки в целом.Теперь у вас нет стиля, если эта ссылка активна или зависла.После этого вы можете добавить определенные стили для посещенных или открытых ссылок.