Как выбрать все, кроме последнего ребенка, если только последний не является первымCSS

Разбираемся в CSS
Anonymous
Как выбрать все, кроме последнего ребенка, если только последний не является первым

Сообщение Anonymous »

Не то, что две строки против одной являются проблемой; Но я хотел бы узнать, есть ли более краткий способ выбрать все, кроме последнего ребенка, если только последний ребенок не является первым ребенком или единственным ребенком, и в этом случае его следует выбрать. Таким образом, в примере синий квадрат должен присутствовать в нижнем родителе справа от его единственного детского узла; но это не будет работать без: только-деть line.
Я попытался использовать диапазон в nth-чильде и nth-last , но не мог заставить его работать. />

Код: Выделить всё

.parent {
margin: 10px;
padding: 5px;
border: 1px solid black;
width: 70px;
}
.parent > div {
position: relative;
}
.parent > div:only-child::after,
.parent > div:not(:last-child)::after {
content: "";
display: block;
position: absolute;
right: 0px;
top: 7px;
width: 7px;
height: 7px;
margin-left: 5px;
background-color: blue;
}< /code>

one
two
three


one



Подробнее здесь: https://stackoverflow.com/questions/797 ... -the-first

Вернуться в «CSS»