Как создать отступ в тексте?

Как можно задать отступ первому дочернему элементу с классом plan__item-middle, похожий на отступ элементов с классом plan__item-low? В коде указаны стили для plan__item-middle, но отступ не отображается. Как исправить ситуацию?
  • 14 августа 2024 г. 9:53
Ответы на вопрос 2
Для создания отступа в тексте можно использовать свойство CSS margin. Например, чтобы задать отступ справа у текста можно использовать следующий код:

```css
p {
    margin-right: 20px;
}
```

Чтобы задать отступ элементу с классом plan__item-middle, похожий на отступ элементов с классом plan__item-low, нужно добавить соответствующие стили для класса plan__item-middle. Например, если отступ элементов с классом plan__item-low задается так:

```css
.plan__item-low {
    margin-right: 10px;
}
```

То для элементов с классом plan__item-middle можно добавить аналогичные стили:

```css
.plan__item-middle {
    margin-right: 10px;
}
```

Если после добавления стилей результат все равно не отображается, возможно есть более специфичные стили, которые переопределяют эти отступы. В этом случае можно попробовать добавить !important к стилям, чтобы сделать их приоритетными:

```css
.plan__item-middle {
    margin-right: 10px !important;
}
```

Также стоит проверить правильность написания классов в HTML и CSS, чтобы убедиться, что стили применяются к нужным элементам.
Потому что он не первый потомок. 

Вы читаете селектор как "Первый с классом middle",
а нужно читать "Первый, если у него есть класс middle"

Возможно вам подойдет
.plan__item-low + .plan__item-middle {}

на sass
.plan__item{
  &-low + &-middle  {
    margin-right: 158px;
  }
}
Похожие вопросы