选择具有相同的类名

问题描述:

任何复式格的第一个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解决方案 –

您可以使用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>

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

demo

+0

尽管这段代码可能有助于解决问题,但它并没有解释_why_和/或_how_它是如何回答问题的。提供这种附加背景将显着提高其长期教育价值。请[编辑]您的答案以添加解释,包括适用的限制和假设。 –

+0

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