CSS - 选择其间的元素

我想（也没在这里搜索）的特定元素选择特定的元素没有任何成功：CSS - 选择其间的元素

<form id="filterForm"> 
<div class="filterOption filterSection"></div> 
<div class="filterOption filterSection"></div> 
<div class="filterOption filterSection"></div> 
    <div class="optioncontent"> 
     <div>

的元素，我想这样选择通过CSS是ver最后一个div与类filterOption filterSection。我试过了：

.filterSection:last-of-type 
.filterSection:last-child 
.filterSection:last-of-type 
.filterSection:last-child

想法如何实现？帮助会很棒！

来源

2014-10-09 Bacelo

没有['：最后一类的伪类]（http://stackoverflow.com/questions/7298057/css-last-child-selector-select-last-element-of-specific-class -not-last-child-i）在CSS选择器中。因此，在CSS中，没有多种方法可以选择具有某个类的最后一个元素。 – 2014-10-09 09:56:33

你不能使用'n-of-anything'来选择** class **。它只选择元素。根据**特定**结构的实际位置，可能会有**特定**解决方案，但它不会灵活。 – 2014-10-09 09:58:33

-1

你可以用CSS3属性尝试：

.filterOption.filterSection:nth-last-child(1);

来源

2014-10-09 09:50:57 ghorg12110

像这样：.filterOption.filterSection：nth-last-child（1） – ghorg12110 2014-10-09 09:54:13

-1

您可以使用：最后的类型的选择，你可以在这个Fiddle

所以看到你可以选择

<form id="filterForm"> 
    <p class="filterOption filterSection">NO</p> 
    <p class="filterOption filterSection">NO</p> 
    <p class="filterOption filterSection">NO</p> 
    <p class="filterOption filterSection">ME!</p> 
    <div class="blablabla"></div> 
</form>

使用此css

.filterOption:last-of-type { color:red }

根据W3C还有一个：最后一个子选择器，你可以检查HERE，但它在JSFiddle中不起作用。

来源

2014-10-09 10:11:52

您更改了标记以使您的答案奏效？ – 2014-10-09 10:18:48

其实我不知道你想要什么，这是用你的半码来选择特定的一个或选择最后一个？如果这将是以下几点：

.filterOption.filterSection:nth-child(1){ 
 
    background-color:yellow; 
 
} 
 
.filterOption.filterSection:nth-child(2){ 
 
    background-color:red; 
 
} 
 
.filterOption.filterSection:nth-last-child(2){ 
 
    background-color:grey; 
 
}

<form id="filterForm"> 
 
<div class="filterOption filterSection">1</div> 
 
<div class="filterOption filterSection">2</div> 
 
<div class="filterOption filterSection">3</div> 
 
<div class="optioncontent"> 
 
<div>

这里的http://jsfiddle.net/ianwong/p3s62rrm/

如果你想从严格封闭的代码选择，您可以点击http://jsfiddle.net/ianwong/p3s62rrm/1/

来源

2014-10-10 02:29:14

谢谢大家对你和帮助响应。由于Paulie_D提到它不会灵活，但我的代码是动态的（div class =“filterOption filterSection”）。正如Hashem Qolami所写的那样，这是不可能的。我也尝试过：nth-最后一个孩子（1）作为黄伊恩和ghorg12110提到，但它不会工作，因为我有更多的子div的div class =“filterOption filterSection”，并需要选择最后一个父div class = “filterOption filterSection”。

所以我最终在我的php代码中添加了一个空的div，并以我需要的CSS样式结束。

不好，但现在工作。

来源

2014-10-10 11:33:37 Bacelo

CSS - 选择其间的元素

回答

相关问题