4

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

    <div id="Dot_1">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
</div>

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

1
  • Если вам дан исчерпывающий ответ, отметьте его как принятый ^__^ 23 июл 2019 в 14:50

3 ответа 3

7

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

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

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

#Dot_1 div:nth-child(2){
background:green;
}
<div id="Dot_1">
  <div>11111</div>
  <div>22222</div>
  <div>33333</div>
  <div>44444</div>
  <div>55555</div>
</div>

6

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

#Dot_1 div:nth-child(2) {
  background: pink;
}
<div id="Dot_1">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

5

Вот:

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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.