Можете ли вы помочь мне выбрать то, что мне нужно, с помощью: nth-last-child () или: nth-of-type?

Question

В настоящее время я работаю над меню навигации, которое имеет кружочки после каждого пункта меню, за исключением последнего.Я использую :after для создания и позиционирования круга.Я пытаюсь получить последний элемент списка либо с :nth-child, либо с :nth-of-type, но, похоже, ничего не нацеливается правильно.Я могу нацелиться на LI элемента навигации, но затем не могу нацелиться на a: after, чтобы скрыть круг.

Вот скрипка с использованием :nth-of-type(4): http://jsfiddle.net/EgBhE/ - ничего не делаета также скрипка с использованием nth-last-child(1): http://jsfiddle.net/EgBhE/1/ - скрывает все круги

Я не привередлив при использовании этих 2 селекторов;если есть тот, который я не использую, но он сработает, пожалуйста, дайте мне знать.

Answer 1

nav li:last-child a:after { display:none; }

Это работает.В основном вам нужно переосмыслить это.Вы не можете получить «последний из» на основе якорных элементов, потому что все они являются последними (и, в первую очередь, первыми) потомками ... <li> стаким образом, вам нужно основать его на последнем li.

Демо

Answer 2

Почему бы не использовать псевдоселектор :last-child?

Обновил скрипку .