具有多個選擇器的CSS最後一種類型

我想使用最後一種類型選擇兩個元素，但我不知道正確的語法是什麼。如果這是html：具有多個選擇器的CSS最後一種類型

<div class="Box"> 
    <book class="small"/> 
    <book class="small"/> 
    <notes/> 
    <notes/> 
    <toy class="small"/> 
    <toy class="small"/> 
</div>

我想選擇最後一本書和最後一個玩具，語法是什麼？我雖然它會：

div.Box book.small, toy.small:last-of-type { }

但這顯然是不正確的。

來源

2016-01-22 Mindi Torrey

剛剛過去的書和玩具最後還是過去書本小班和小類中的最後的玩具？ – Harry

你爲什麼不在'book'中使用'：last-of-type'？ – j08691

@ j08691我想這回答我的問題。這就是我想要做的。 o，我假設你建議我需要把「div.Box book.small：最後一個類型，toy.small：最後一個類型」？ –

你的財產last-of-type同時適用於選擇：

div.Box book.small:last-of-type, toy.small:last-of-type

來源

2016-01-22 16:20:43

謝謝。這正是我所需要的。我以爲我可以添加兩個選擇器，然後應用最後一個類型。 –

嘗試

div.Box book.small:last-of-type, 
div.Box toy.small:last-of-type { 
    /* styles */ 
}

這裏是一個Fiddle。

來源

2016-01-22 16:19:59

這太好了。謝謝！ –

具有多個選擇器的CSS最後一種類型

回答

相關問題