CSS選擇與特定的類

最後鋰元素我有一個列表CSS選擇與特定的類

<ul> 
    <li class="range1">Entry</li> 
    <li class="range1">Entry</li> 
    <li class="range1">Entry</li> 
    <li class="range2">Entry</li> 
    <li class="range2">Entry</li> 
    <li class="range2">Entry</li> 
</ul>

現在我想選擇與類「範圍1」的最後一華里。問題是，這個列表是sql數據庫輸出的動態原因，所以我不能使用nth-child。

li.range1:last-child

不起作用。我不想使用Javascript，所以纔可能使用CSS？

來源

2015-10-17 Change

僞類選擇元素（如反直覺的，因爲它聽起來可能），而不是類元素。向選擇器添加一個類使其更像一個過濾器。 – j08691

那麼沒有可能？ – Change

不是我所知道的。與JS確定。 – j08691

-1

最後一個孩子只能用於其父級的最後一個元素，而不管您指定的類名稱區分如何。

或者可以使用li.range1：nth-child（3）。否則它應該爲您指定的兩個列表分別具有不同的容器類別

來源

2015-10-17 17:22:05 indu

'.range1'沒有意義，如果列表是動態的，那麼'：nth-child（3）'不起作用。 – j08691

您不能將last-of-type或last-child應用於CSS類。

您可以我們Javascript或改變你的HTML一點點（最好的解決方案）：

<ul class="range"> 
    <li class="range1">Entry</li> 
    <li class="range1">Entry</li> 
    <li class="range1 range__last">Entry</li> 
    <li class="range2">Entry</li> 
    <li class="range2">Entry</li> 
    <li class="range2 range__last">Entry</li> 
</ul>

來源

2015-10-17 22:55:49

CSS選擇與特定的類

回答

相關問題