ul：last-child和ul：last-child之间的区别

Question

我正在创造一个带有角度灵感的树 带有递归模板的https://codepen.io/philippkuehn/pen/QbrOaN

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

可以使用<a>访问最后一个li a:last-child元素。但我没有找到只访问最后li

的方法

为了解释我的问题标题，我试图用

访问

ul li:last-child

由于某种错误，我放了一个空格，我看到我没有得到相同的结果。 （我设置背景颜色来帮助）

ul li :last-child

有什么区别？作为可选问题，访问上一个li的最佳方式是什么？

ps：我正在使用 sass

Answer 1

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

ul li :last-child选择最后一个元素（div内p或li或其他任何内容无关紧要。 @categories = Category.all 。

你可以使用第一个。

Answer 2

li：ul

中的最后一个ul li :last-child

li：ul li *:last-child内的任何类型的最后一个。这与@Component({ selector: 'form-cmp', providers: [], template: ` <div>form</div> <ng-content></ng-content> `, directives: [] }) export class FormComponent {}

相同

Answer 3

据我所知，ul li:last-child将适用于最后一个孩子。不是ul li :last-child，这表示在:last-child内的 ul里面，但是哪个元素？因此ul li:last-child应该正常工作。