2016-06-17 60 views
1

我创建一个树的角度启发由
https://codepen.io/philippkuehn/pen/QbrOaN用递归tamplate差最后孩子

我想我的树打印的最后一个元素作为列。

最后的<a>元素可通过li a:last-child访问。但我没有找到办法来访问只有最后li

对于解释我的问题的标题,我试着用

ul li:last-child

访问由某种错误的,我把一个空间,我看到我没有得到相同的结果。 (我设置背景色为帮助)

ul li :last-child

的区别是什么?作为可选问题,访问最后一个li的最佳方法是什么?

PS:我使用青菜

+0

可能的重复http://stackoverflow.com/questions/1126338/what-does-a-space-mean-in-a-css-selector-ie-what-is-the-difference -between-c – Harry

回答

2

ul li:last-child选择ul内的最后一个li元素。

ul li :last-child选择的最后一个元素(如果它是一个div,或p或任何其他都无所谓)的li内。

您可以使用第一个。

+0

我知道明白不同之处,但它不适用于只选择最后一个... –

+0

它可以工作,但是在一个嵌套的ul中,你需要像'ul ul li:last-child'之类的东西来避免它也选择中间的。这是一个快速演示 - https://jsfiddle.net/wzxydv51/希望有所帮助。 – Stickers

0

我所知ul li:last-child会为最后一个孩子的工作。不是ul li :last-child,这代表里面li,里面:last-child,但哪个元素?因此ul li:last-child应该正常工作。

1

ul li:last-child:最后liul

ul li :last-child:最后的任何类型的内部li。这与ul li *:last-child