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 - 選擇其間的元素

回答

相關問題