2016-06-17 7 views
1

私は角度でツリーを作成していますが、私は列として私の木プリントの最後の要素をしたいと思い再帰tamplate違い:最後の子とUL:最後の子


https://codepen.io/philippkuehn/pen/QbrOaNによって鼓舞します。

最後の<a>要素は、li a:last-childでアクセスできます。しかし、私は私の質問のタイトルを説明するためにのみ、最後のli

にアクセスするための方法を見つけることができませんでした、私は間違いのいくつかの種類によって

ul li:last-child

にアクセスしようとした私は、スペースを入れて、I私は同じ結果を得ていないことを見た。

ul li :last-child

を(私は助けるために背景色を設定)の違いは何ですか?オプションの質問として、最後にliにアクセスするにはどうすればよいでしょうか?

PS:私は最後の子のために動作しますSASS私の知識ul li:last-childのよう

+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-childli内(それはdiv、またはpまたはその他のだ場合、それは問題ではありません)最後の要素を選択します。

最初のものを使用できます。

+0

私は違いを理解していますが、それは最後の唯一のものを選択するために働いていません... –

+0

それは動作しますが、ネストされたulで 'ul ul:last-child'などが必要です中央のものを選択することも避けてください。これは簡単なデモです - https://jsfiddle.net/wzxydv51/希望に役立ちます。 – Stickers

0

を使用しています。 ul li :last-childではなく、ul inside:last-childの中のどれですか?したがって、ul li:last-childは正しく動作するはずです。

1

ul li:last-child:最後liul li :last-child

ul内側: li内部の任意のタイプの最後。これと同じ ul li *:last-child

関連する問題