Как обратиться к элементу по номеру внутри div? в css

#html #css #css3 #html5 #вёрстка

Например имеется такая часть верстки:



    

                

                

                

                

                






Как обратиться к перому диву? Или к лбому другому по счёту? ( в css)
    

Ответы

Ответ 1

Это называется псевдоклассы, их куча.

Данный псевдокласс который вам нужен :nth-child



#Dot_1 div:nth-child(1){
color:red;
}

#Dot_1 div:nth-child(2){
background:green;
}

  
11111
  
22222
  
33333
  
44444
  
55555



Ответ 2

#Dot_1 div {
  border: 1px solid black;
  width: 50px;
  height: 50px;
  display: inline-block;
  background: lightgreen;
}

#Dot_1 div:nth-child(2) {
  background: pink;
}

  

  

  

  

  




Ответ 3

Вот:

#Dot_1>div:first-child или #Dot_1>div:nth-child(1)