li
в CSS — это селектор для элемента списка. Этот селектор используется для задания стилей для отдельных элементов списка, таких как ul
(неупорядоченный список) или ol
(упорядоченный список).
Пример задания стиля для элементов списка ul
с использованием селектора li
:
ul li {
list-style-type: circle;
}
В этом примере мы задаем для всех элементов li
, которые находятся в элементе ul
, стиль list-style-type: circle
, который заменяет стандартную точку в качестве маркера списка на круг.
Также можно использовать селекторы для задания стилей для определенных элементов списка в зависимости от их позиции в списке (например, первый или последний элементы). Например:
ul li:first-child {
font-weight: bold;
}
ul li:last-child {
color: red;
}
В этом примере мы устанавливаем жирный шрифт для первого элемента списка ul
и красный цвет для последнего элемента.