select first div of mutliple div with same class name

Question

Anyone know how to select first div of mutliple div with same class name

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

how can i select first img in css?

No...it isn't....there is no `nth-of class` selector. In certain circumstances you could use `nth-of-type/child` but that has **nothing** to do with the class. — Paulie_D, Aug 22 '16 at 11:16

Sankar · Answer 1 · 2016-08-23T04:15:01.967

0

You can use first-child pseudo class

.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>

edited Aug 23 '16 at 04:15

answered Aug 22 '16 at 11:10

Sankar

Richa · Answer 2 · 2016-08-22T12:05:03.810

0

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

edited Aug 22 '16 at 12:05

answered Aug 22 '16 at 11:11

Richa

Although this code may help to solve the problem, it doesn't explain _why_ and/or _how_ it answers the question. Providing this additional context would significantly improve its long-term educational value. Please [edit] your answer to add explanation, including what limitations and assumptions apply. – Toby Speight Aug 22 '16 at 14:12
if i use abc:nth-of-type (1), it is not work – hkguile Aug 23 '16 at 02:48

2 Answers2