款瞄準一個div

我這行的HTML代碼中：款瞄準一個div

<div id="slideshow2"> 
    <div class="active2"> 
    <img src="noangel.png" alt="Slideshow Image 1" /> 
    <p class="imgDescription2">NoAngel</p> 
    </div> 
    <div> 
    <img src="anders.png" alt="Slideshow Image 2" /> 
    <p class="imgDescription2">This is Anders</p> 
    </div> 
    <div> 
    <img src="fayeblais.png" alt="Slideshow Image 3" /> 
    <p class="imgDescription2">Something about FayeBlais</p> 
    </div> 
    <div> 
    <img src="ronny.png" alt="Slideshow Image 4" /> 
    <p class="imgDescription2">Ronny Information</p> 
    </div> 
</div>

我怎麼會只針對第一項或第三隻一個改變顏色，字體等？

來源

2014-01-30 SmalliSax

通過編寫一些代碼？ – undefined

http://reference.sitepoint.com/css/pseudoclass-nthchild –

你有沒有寫第三屆一個意味着第三div只有改變顏色比你需要使用

#slideshow2 > div:nth-of-type(3) > p { 
    /* Styles */ 
}

因此，使用上述選擇，具有#slideshow2一個id我選擇元素，然後我選擇第三號直接子div，並在結束我選擇p元件，其是一個直接子到第三div

Demo

來源

2014-01-30 11:53:23

完美地工作。 +1 – Nitesh

@NathanLee謝謝matey .. –

謝謝你的回答，它的工作原理就像它應該。 – SmalliSax

的第一p只能

p:nth-child(1) { }

p:nth-child(3) { }

...怎麼做呢？

來源

2014-01-30 11:54:36 Patrick

這將無法正常工作，我不知道它是如何投票的，而且僅僅在30秒內 –

您能否提供一個小提琴@patrick來證明您的答案？ – Nitesh

嗯，是的，這是行不通的，我寫了沒有測試它的基本用法的第n個孩子選擇器。我的錯。這隻有當它是這樣的時候纔有效：http://jsfiddle.net/D6C7e/4/ – Patrick

嘗試使用nth-child css選擇器。

您的情況，請嘗試此目標在slideshow2 div內的第3段。

#slideshow2 p:nth-child(3) {color:blue; font-size:20px;}

你可以找到更多的花樣來定位你的選擇還是第n個孩子的這裏的元素：http://nthmaster.com/

希望這有助於！

來源

2014-01-30 11:59:10

首先，選擇第三個div，其語法如下： div:nth-of-type(3){ } /*這意味着您正在選擇第三個div內的所有內容。 */

如何，如果你想選擇2rd p的第三格，即使你沒有第二個p在你的問題。你會做的語法是這樣的：

div:nth-of-type(3)>p:nth-of-type(2) { }

怎麼做呢？

來源

2017-09-15 23:27:23 wacKY

款瞄準一個div

回答

相關問題