Как выбрать все элементы кроме первого

@Cdelphi78 · Регистрация: 21.02.2014

Author24 — интернет-сервис помощи студентам

Добрый день есть вот такая конструкция?

HTML5    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
<div class="nav">
                         <ul class="clearfix">
                             <li><div class="icon-set icon-bl-1"></div></li>
                             <li><div class="icon-set icon-bl-2"></div>Стоимость</li>
                             <li><div class="icon-set icon-bl-3"></div>Отзывы</li>
                             <li><div class="icon-set icon-bl-4"></div>Написать письмо</li>
                         </ul>
                     </div>

Как мне выбрать все элементы .icon-set кроме первого?
Вот так

CSS    
        
    Скопировано
1
2
3
.nav ul .icon-set:not(:first-child){
 border:1px solid red;
}

не работает.

Добавлено через 4 часа 3 минуты
Есть кто нибудь?

@fol · 01.02.2016, 17:21

CSS    
        
    Скопировано
1
:not(:nth-child(1))

@Cdelphi78 · 01.02.2016, 17:32 **[ТС]**

fol, оо, спасибо, но не работает.

@SQRD · 01.02.2016, 17:38

Наверное так:

CSS    
        
    Скопировано
1
2
3
.nav .clearfix li:not(:first-child){
 border:1px solid red;
}

@Cdelphi78 · 01.02.2016, 17:46 **[ТС]**

SQRD, уже пробовал, мне нужно именно среди .icon-set а не среди li,

@SQRD · 01.02.2016, 18:19

так у дивов с .icon-set нет "детей".

@Cdelphi78 · 01.02.2016, 18:28 **[ТС]**

Ну дык я и спрашиваю можно что нибудь сделать?

@SQRD · 01.02.2016, 18:38

обернуть список дивом с .icon-set или назначить класс icon-set всем li. если в css для icon-set нет чего то, что испортит "картину"

@Cdelphi78 · 01.02.2016, 18:43 **[ТС]**

SQRD, а без оберток, просто наверно тогда будет проще каждому icon-set прописать и все)

Добавлено через 1 минуту
SQRD, да один li просто вообще ненадо трогать, неужели в css нет решения, может еще псевдокласс какой есть?

@SQRD · 01.02.2016, 18:53

Предыдущее мое сообщение тоже не будет корректно работать, если честно что то даже не знаю что тут придумать...

@Cdelphi78 · 01.02.2016, 18:55 **[ТС]**

Ну тогда каждому прописать и все тут) будет избыточного ну да ладно)

@Resume · 01.02.2016, 19:54

CSS    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
ul li:not(:first-of-type){
color:green;
border:1px solid black;
list-style:none;
}

@Cdelphi78 · 01.02.2016, 20:51 **[ТС]**

Resume, ну говорил же 2 раза мне нужно применить к классу .icon-set

а не к li

@fol · 01.02.2016, 22:42

Cdelphi78, советую ознакомиться, как работают псевдо-классы, определяющие дочерние элементы. К class="icon-set" такой селектор неприменим, т.к. он единственный дочерний элемент своего родителя: т.е. у <li>, в котором находится блок с классом .icon-set нет больше других дочерних эл-тов. Поэтому-то и не работает ваша выборка. Соответственно, нужный селектор - это: .nav ul li:not(:nth-child(1)) .icon-set
для наглядности:

CSS    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
.nav ul li:not(:nth-child(1)) .icon-set{
border-bottom:2px solid red;
height:20px;
background:green;
}
.nav ul li{
outline:2px solid blue;
display:block;
height:40px;
}

@Cdelphi78 · 01.02.2016, 22:47 **[ТС]**

fol, ну вот то что нужно, спасибо большое.

Новые блоги и статьи Все статьи Все блоги /
Как использовать Behavior Graph в Unity при создании игрового AI GameUnited 14.04.2025 Искусственный интеллект в играх прошел долгий путь эволюции. От простейших алгоритмов, движущих призраками в Pac-Man, до сложных систем, управляющих поведением персонажей в современных AAA-проектах. . . .	Создание и стилизация списков в SwiftUI mobDevWorks 14.04.2025 Списки — фундаментальный элемент мобильных интерфейсов. От списка контактов до ленты новостей, от настроек до каталога товаров — трудно представить приложение, которое не использовало бы этот. . .	Паттерн SAGA и распределённые транзакции в микросервисной архитектуре stackOverflow 14.04.2025 Переход от монолитной архитектуры к микросервисам принес множество преимуществ: гибкость разработки, независимость развертывания и масштабирования отдельных компонентов. Однако этот переход создал и. . .	Кастомные аллокаторы в C++ и оптимизация управления памятью bytestream 14.04.2025 Работа с памятью в С++ всегда была и остаётся одной из самых увлекательных и сложных задач для программиста. Любой опытный C++ разработчик подтвердит: стандартные механизмы аллокации памяти – штука. . .	Организация сетей в Kubernetes и эффективное развертывание Mr. Docker 14.04.2025 Сетевая инфраструктура Kubernetes представляет собой сложную, но хорошо спроектированную систему, которая позволяет контейнерам взаимодействовать между собой и с внешним миром. За кажущейся простотой. . .
Многопоточность в Rust: Fearless concurrency и практические примеры golander 14.04.2025 Многопоточное программирование связано с рядом известных проблем. Наиболее распространенные из них — гонки данных (data races), взаимные блокировки (deadlocks) и условия гонки (race conditions). Эти. . .	Списки и кортежи в Python: различия, особенности, применение py-thonny 13.04.2025 Python славится своей гибкостью при работе с данными. В арсенале языка есть две основные последовательные структуры данных, которые программисты используют ежедневно — списки и кортежи. Эти структуры. . .	Middleware в ASP.NET Core UnmanagedCoder 13.04.2025 В ASP. NET Core термин "middleware" занимает особое место. Что же это такое? Middleware представляет собой программные компоненты, которые формируют конвейер обработки HTTP-запросов в приложении. . . .	Таблицы лута в Unity с MinMaxCurve и AnimationCurve GameUnited 12.04.2025 Создание сбалансированного лута в играх — задача не из простых. Разработчики постоянно ищут способы настройки систем выпадения предметов, которые будут одновременно справедливыми для игроков и. . .	std::expected в C++: Управление ошибками bytestream 12.04.2025 Обработка ошибок всегда была важной и одновременно сложной задачей в программировании на C++. На протяжении долгого времени разработчики использовали различные подходы: возвращаемые коды ошибок,. . .

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
	01.02.2016, 17:32 [ТС]
	fol, оо, спасибо, но не работает. 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
	01.02.2016, 17:46 [ТС]
	SQRD, уже пробовал, мне нужно именно среди .icon-set а не среди li, 0

@SQRD 2 / 2 / 5 Регистрация: 31.12.2015 Сообщений: 27
	01.02.2016, 18:19
	так у дивов с .icon-set нет "детей". 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
	01.02.2016, 18:28 [ТС]
	Ну дык я и спрашиваю можно что нибудь сделать? 0

@SQRD 2 / 2 / 5 Регистрация: 31.12.2015 Сообщений: 27
	01.02.2016, 18:38
	обернуть список дивом с .icon-set или назначить класс icon-set всем li. если в css для icon-set нет чего то, что испортит "картину" 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
	01.02.2016, 18:43 [ТС]
	SQRD, а без оберток, просто наверно тогда будет проще каждому icon-set прописать и все) Добавлено через 1 минуту SQRD, да один li просто вообще ненадо трогать, неужели в css нет решения, может еще псевдокласс какой есть? 0

@SQRD 2 / 2 / 5 Регистрация: 31.12.2015 Сообщений: 27
	01.02.2016, 18:53
	Предыдущее мое сообщение тоже не будет корректно работать, если честно что то даже не знаю что тут придумать... 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
	01.02.2016, 18:55 [ТС]
	Ну тогда каждому прописать и все тут) будет избыточного ну да ладно) 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
	01.02.2016, 20:51 [ТС]
	Resume, ну говорил же 2 раза мне нужно применить к классу .icon-set а не к li 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
	01.02.2016, 22:47 [ТС]
	fol, ну вот то что нужно, спасибо большое. 0