Не удается правильно установить: дочерний селектор

Question

Я пытаюсь выбрать тег <a> за последние <li>. Я, по-видимому, ужасен: дети-селекторы. Может ли кто-нибудь помочь?

HTML:

<div id="navigation"> 
    <ul id="nav"> 
     <li><a href=""></a></li> 
     <li><a href="">This Tag</a></li> 
    </ul> 
</div> 

Answer 1

Здесь вы идете:

#nav>li:last-child a 

> является селектором ребенка, который соответствует только тем элементам (в данном случае li ы), которые являются непосредственными потомками родительского элемента (в данном случае #nav)

:last-child - это псевдокласс, который делает именно то, что он говорит о олово; совпадает с последним дочерним элементом (в данном случае типа li) элемента (или всех последних дочерних элементов в группе вложенных элементов).

И у вас есть только ваш стандартный селектор потомков, чтобы добраться до a. Хотя, поскольку он является непосредственным потомком li, вместо него следует использовать селектор > вместо эффективности.

• More information on child selectors
• More information on pseudo classes
• Overview of CSS selectors