Как сделать отступ у одного блока, если есть второй такой же?

Question

[Станислав Пономарев]

Всем доброго времени суток! Подскажите, как мне сделать отступ у одного нижнего блока "red"? Через псевдоклассы не получается т.к. они находятся в разных контейнерах. Что можно сделать?

Comments

[dmshar]

А при чем тут тег "классификация"???

[Станислав Пономарев]

dmshar, Другого нет

[hint000]

dmshar, +1, ну дык классы же в коде ;)

Станислав Пономарев, другой есть, это CSS
Поймите, что с неправильным тегом ваш вопрос видят те, кто не может ответить, и и не видят те, кто может ответить.

[Станислав Пономарев]

hint000, Я не знал, что так надо указывать)

[Станислав Пономарев]

hint000, Решение хоть есть?)

[Станислав Пономарев]

hint000, Хорошо)

[Станислав Пономарев]

hint000, Так?)

[Даниил Попов]

Станислав Пономарев, а в чем вопрос? Какой отступ? От чего отступ?

[Станислав Пономарев]

Даниил Попов, Нижний блок "red". У него сделать отступ вниз, от его родителя. То-есть нижнему квадрату нужен отступ "top"

[Даниил Попов]

Станислав Пономарев, все ещё не понятно.
Родитель второго .red это .C. Нужно визуально разместить блок за пределами родителя? Нужно заменить блок .B с помощью отступов. Постарайтесь объяснить подробнее что нужно

[Станислав Пономарев]

Даниил Попов, Есть три блока "A", "B" и "C". В "A" и "C" вложены идентичные блоки, поэтому у них класс один. Мне нужно, что один(верхний блок "red") оставался на месте, а второй(нижний блок "red") был с отступом от верха блока "C". То-есть блок "С" растянется отступом. Есть вариант добавить микс или модификатор второму блоку "red" и тогда возможно сделать отступ. Но мне хотелось узнать, можно ли без добавления микса или модификатора сделать отступ? Если бы они были в одном контейнере, то я бы сделал через псевдокласс hth-child, но они находятся в разных контейнерах, по-этому псевдокласс на них не действует

[Александр]

Элементарно. Добавить второй класс нужному блоку и прописать для нового класса отступы. Это не затронет второй блок с классом рэд, у которого нет нового класса, а только нужный блок с нужным классом.

Answer 1

[Михаил]

.c .red{
 margin-bottom: твое значение
}