У меня есть неупорядоченный список, который может содержать четное или нечетное количество элементов. Я ищу способ только для CSS, чтобы удалить границу из последних двух тегов li
, если число li
равно. Псевдо-селектор :last-child
удаляет последний из них независимо.
li {
float: left;
border-bottom: 1px solid #000;
}
li:last-child{
border-bottom: none;
}
Работает для нечетных номеров li
s
+============================================+
+ 1 | 2 +
+--------------------------------------------+
+ 3 | +
+============================================+
Но для четных чисел мне нужно удалить нижнюю часть ячейки # 3
+============================================+
+ 1 | 2 +
+--------------------------------------------+
+ 3 | 4 +
+--------------------- +
+============================================+
Итак, я решил, что могу использовать li:nth-last-child()
, но я не могу понять, каким должно быть уравнение, чтобы захватить последний нечетный ребенок.
Это не 2n+1
, 2n-1
, n-1
, или все, что я могу придумать. Пожалуйста помоги.