Охватывает элемент списка в упорядоченном списке, который я хочу скрыть, если его первый или последний элемент списка ⇐ CSS

[Anonymous]

У меня есть упорядоченный список, который выглядит следующим образом: < /p>

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

.trash-btn {
width: 33px;
height: 40px;
margin-top: 10px;
margin-right: 30px;
background-image: url('../images/trash.png');
background-size: cover;
background-color: DimGray;
border: 0;
}

.up-btn {
width: 40px;
height: 40px;
margin-top: 10px;
margin-right: 30px;
background-image: url('../images/up.png');
background-size: cover;
background-color: DimGray;
border: 0;
display: inline;
}

.down-btn {
width: 40px;
height: 40px;
margin-top: 10px;
margin-right: 30px;
background-image: url('../images/down.png');
background-size: cover;
background-color: DimGray;
border: 0;
display: inline;
}

.span-right {
display: inline-block;
float: right;
background-position: center;
vertical-align: middle;
}

li.no-num {
list-style-type: none;
}

li.region-list {
background: #5e5e5e;
color: rgb(250, 250, 250);
padding: 10px;
border-radius: 20px;
height: 70px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}

ol li::before {
content: '';
width: 50px;
height: 70px;
display: inline-block;
margin-right: 5px;
z-index: 10;
background-position: center;
vertical-align: middle;

}

ol#sectionList:first-child #up-btn {
display: none;
}

ol#sectionList:last-child #down-btn {
display: none;
}< /code>
[list]
Item 1
Item 2
Item 3
[/list]< /code>
< /div>
< /div>
< /p>
Чего я пытаюсь достичь, так это то, что стрелка UP скрыта у первого ребенка, а кнопка «Стрелка» скрыта для последнего ребенка. < /p>


Подробнее здесь: [url]https://stackoverflow.com/questions/79675924/spans-inside-a-list-item-in-an-ordered-list-that-i-wish-to-hide-if-its-first-or[/url]