PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

CSS на ночь глядя

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

Страниц (1): [1]

Описание: вопрос

Поиск в теме | Версия для печати

Dee	Отправлено: 07 Июля, 2018 - 03:16:32
Частый гость Покинул форум Сообщений всего: 147 Дата рег-ции: Нояб. 2012 Помог: 1 раз(а)	Привет, подскажите селектор, который бы выбрал каждый четвертый элемент после блока .block , количество спан может быть любым CODE (html): скопировать код в буфер обмена <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> (Отредактировано автором: 07 Июля, 2018 - 03:20:51)

Vladimir Kheifets	Отправлено: 07 Июля, 2018 - 08:12:51
Частый посетитель Покинул форум Сообщений всего: 879 Дата рег-ции: Март 2017 Откуда: Германия, Бавария Помог: 37 раз(а)	Dee пишет: Привет, подскажите селектор, который бы выбрал каждый четвертый элемент после блока .block , количество спан может быть любым Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> Доброе утро! Можно определить как смежный селектор: div[class=block]+span+span+span+span{color:#ff0000 !important} Если свойства, которые Вы хотите отределить в смежном селекторе определены в классе "info", то нужно добавлять !important Удачи! Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <style> div[class=block]+span+span+span+span{color:#ff0000 !important} </style> <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <div class="block">Заголовок</div> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо</span> <span class="info">Инфо!!!!!!!!!!!!</span> <span class="info">Инфо</span> (Отредактировано автором: 07 Июля, 2018 - 08:21:00)

Dee	Отправлено: 07 Июля, 2018 - 19:46:21
Частый гость Покинул форум Сообщений всего: 147 Дата рег-ции: Нояб. 2012 Помог: 1 раз(а)	Ваша схема не работает ) Это будет выглядеть так на фото, т е блоки выделены не все. Прикреплено изображение

Vladimir Kheifets	Отправлено: 08 Июля, 2018 - 12:59:25
Частый посетитель Покинул форум Сообщений всего: 879 Дата рег-ции: Март 2017 Откуда: Германия, Бавария Помог: 37 раз(а)	Dee пишет: Ваша схема не работает ) Это будет выглядеть так на фото, т е блоки выделены не все. Добрый день! Схема работает, так как Вы хотели, "четвертый элемент после блока .block " т.е. после <div class="block"> четвертый <span> Чтобы это работало нужно повторять <div class="block"> перед "любым количеством <span>". Если же по какой-то причине Вы хотите определить свойства селектора, без повторения <div class="block">, то будет работать так: CODE (html): скопировать код в буфер обмена <style> div[class=block]+span+span+span+span{color:#ff0000 !important} div[class=block]+span+span+span+span+span+span+span+span{color:#ff0000 !important} div[class=block]+span+span+span+span+span+span+span+span+span+span+span+span{color:#ff0000 !important} </style> Но думаю, что это грамоздко и проще определить отдельный класс, например, info2 и в тэгах писать: CODE (html): скопировать код в буфер обмена <style>.info2{color:#ff0000 !important}</style> <span class="info info2">Инфо!!!!!!!!!!!!</span> (Отредактировано автором: 08 Июля, 2018 - 15:41:47)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Вопросы новичков »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.