使用「最後一個孩子」和「開始」像div [attr^= value _]：最後一個子女

Question

我必須選擇以num_開頭的課程，並且希望在此處應用不同的屬性last-child沒有其他選項可供添加額外的類或屬性。我試過#divMenu div[class^='num_']:last-child但是無法到達那裏。

請看看HTML

有什麼想法？

Answer 1

這是因爲沒有div[class^='num_']實際上是last-child的。

在你的榜樣，爲了使＃categoryPanel_2元素是一個last-child你必須擺脫它的相鄰兄弟：

<div class="x-clear" role="presentation" id="ext-gen1332"></div> 

Updated fiddle（與相鄰的兄弟註釋掉）

莫非

Answer 2

這將幫助你的所有類開始測試，我們需要創建一個父類，並設置樣式爲最後孩子檢查下面的代碼

div.test div[class^="test"]:last-child { 
 
    background: #ffff00; 
 
}

<div class="first_test">The first div element.</div> 
 
<div class="second">The second div element.</div> 
 
<div class="test"> 
 
    <div class="test_50">The third div element.</div> 
 
    <div class="test_50">The third div element.</div> 
 
    <div class="test_50">The third div element.</div> 
 
</div> 
 
<p class="test">This is some text in a paragraph.</p>

請檢查這段代碼。它工作正常，我

Answer 3

DEMO

您可以選擇這樣的。

p[class^="sel_"]:last-child{color: red}