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选择与特定的类

回答

相关问题