CSS последний дочерний элемент без вложенности?
Мне нужно выбрать последний дочерний элемент чего-либо, когда я добавляю class="самый последний ребенок" без вложенности.
Например, здесь мне нужно выбрать самый последний div. Ни больше ни меньше.
<body>
<div class = "very-last-child">
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
<p>The fourth paragraph.</p>
<div class = "select-me">
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
<p>The fourth paragraph.</p>
</div>
</div>
</body>
Я пробовал что-то в этих строках, но не работал.
div > :last-of-type {
padding-bottom: 50px;
}
p, div{
border: 2px solid black;
}
USE CASE: I need to add padding to the last element of my page wrapper, regardless of whatever it may be. And I am using SCSS.
Я работал. Идите вперед и переиграйте с решением sass.
Я добавил ответ. Пожалуйста, отметьте как правильный, чтобы помочь любому, у кого есть похожая проблема
Ответы 2
Немного неясно, чего вы пытаетесь достичь из-за имен ваших классов, но вот что, я думаю, вы хотите.
.very-last-child > :last-child {
padding-bottom: 50px;
}
Это дает отступ 50px в нижней части класса select-me.
Чтобы выбрать только последний дочерний элемент контейнера, можно использовать:
<selector> > :last-child {
...
}
В твоем случае,
body > :last-child {
...
}
Вы пробовали body > :last-child?