2016-08-22 169 views
-2

任何複式格的第一個div知道如何選擇具有相同的類名複式格的第一個div選擇具有相同的類名

<div class="abc"><a><img src=""></a></div> 
<div class="abc"><a><img src=""></a></div> 

如何選擇在CSS第一IMG?

+0

你需要的JavaScript。這是沒有「nth-class」的選擇器。 –

+1

@Paulie_D:爲什麼javascript? – Era

+0

究竟......爲什麼javascript?這是一個簡單的css解決方案 –

回答

0

您可以使用first-child僞類

.abc:nth-of-type(1) 
 
{ 
 
    height:100px; 
 
    width:100px; 
 
    background:red 
 
    }
<div class="abc"><a><img src=""></a></div> 
 
<div class="abc"><a><img src=""></a></div>

0
div:nth-of-type(1) { 
    color: white;[enter link description here][1] 
} 

demo

+0

儘管這段代碼可能有助於解決問題,但它並沒有解釋_why_和/或_how_它是如何回答問題的。提供這種附加背景將顯着提高其長期教育價值。請[編輯]您的答案以添加解釋,包括適用的限制和假設。 –

+0

如果我使用abc:第n種類型(1),它不起作用 – hkguile