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

Программисты Html
Ответить
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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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