クラスセレクタのlast-childを使用

Question

私は最後/秒をスタイルしたい.heading。

<ul> 
    <li class="heading">Hello world</li> 
    <li>Hello world</li> 
    <li>Hello world</li> 
    <li class="heading">Hello world</li> 
    <li>Hello world</li> 
</ul> 

どちら

ul li.heading:last-child { 
    background: black; 
} 

も

ul li.heading:nth-child(2) { 
    background: black; 
} 

私の作品

。なぜ、そしてそれにスタイルを適用することができますか<li>？擬似クラスセレクタはクラスセレクタでは機能しません。私はそれを前に使っていたと誓ったので、奇妙です。

更新：おっと、完全に忘れましたthe jsfiddle。

Answer 1

あなたの文はでした：それは、この試してみてul

の第一及び第四子である「私は最後の/秒.HEADINGのスタイルにしたいです」あなたはこのようなあなたのコードを記述する必要があることを意味します

：

<ul> 
    <li class="heading">Hello world</li> 
    <li class="heading">Hello world</li> 
    <li class="heading">Hello world</li> 
    <li class="heading">Hello world</li> 
    <li class="heading">Hello world</li> 
</ul> 

とCSS：エルス

ul li.heading:last-child { 
    background: black; 
} 
ul li.heading:nth-child(2) { 
    background: black; 
} 

、現在のHTMLコードで、次のように記述します。

ul li.heading:nth-child(4) { 
    background: black; 
} 
ul li.heading:nth-child(1) { 
    background: black; 
} 

私はあなたの考えを理解していますが、「見出し」クラスのlisは2番目または最後の子ではありません。

Answer 2

これは、li.headingが最後の子でも2番目の子でもないためです。

ul li.heading:nth-child(4) { 
    background: black; 
} 

Answer 3

ul li.heading:nth-last-child(2) 

2は、あなたの<のliクラスは=「見出し」の後にどのように<李>の多くを知っている意味私たちのケースで>それは下から2番目です。