Показать сообщение отдельно
  #3 (permalink)  
Старый 29.07.2019, 09:02
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от ethereal
Добавил класс к первому и последнему элементу,
А вы знаете, что вы можете и не добавлять класс к элементу? Вы можете обратится к элементам так:

.slider-one-item:first-child обращается к первому элементу
.slider-one-item:last-child обращается к последнему элементу
.slider-one-item:nth-child(odd) обращается к нечётным элементам
.slider-one-item:nth-child(even) обращается к чётным элементам
.slider-one-item:not(:first-child):not(:last-child) обращается к элементам кроме первого и последнего

<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<style>
		.slider-one-item:not(:first-child):not(:last-child) {
			color: red;
		}
	</style>
</head>

<body>
	<ul>
		<li class="slider-one-item">Item 1</li>
		<li class="slider-one-item">Item 2</li>
		<li class="slider-one-item">Item 3</li>
		<li class="slider-one-item">Item 4</li>
		<li class="slider-one-item">Item 5</li>
		<li class="slider-one-item">Item 6</li>
	</ul>
</body>

</html>

Последний раз редактировалось Malleys, 29.07.2019 в 09:09.
Ответить с цитированием