PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Описание: вопрос
Dee
Отправлено: 07 Июля, 2018 - 03:16:32
Post Id



Частый гость


Покинул форум
Сообщений всего: 147
Дата рег-ции: Нояб. 2012  


Помог: 1 раз(а)




Привет, подскажите селектор, который бы выбрал каждый
четвертый элемент после блока .block , количество спан может быть любым
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div class="block">Заголовок</div>
  3. <span class="info">Инфо</span>
  4. <span class="info">Инфо</span>
  5. <span class="info">Инфо</span>
  6. <span class="info">Инфо!!!!!!!!!!!!</span>
  7. <span class="info">Инфо</span>
  8. <span class="info">Инфо</span>
  9.  
  10.  
  11. <div class="block">Заголовок</div>
  12. <span class="info">Инфо</span>
  13. <span class="info">Инфо</span>
  14. <span class="info">Инфо</span>
  15. <span class="info">Инфо!!!!!!!!!!!!</span>
  16. <span class="info">Инфо</span>
  17.  
  18. <div class="block">Заголовок</div>
  19. <span class="info">Инфо</span>
  20. <span class="info">Инфо</span>
  21.  
  22. <div class="block">Заголовок</div>
  23. <span class="info">Инфо</span>
  24. <span class="info">Инфо</span>
  25. <span class="info">Инфо</span>
  26. <span class="info">Инфо!!!!!!!!!!!!</span>
  27. <span class="info">Инфо</span>
  28. <span class="info">Инфо</span>
  29. <span class="info">Инфо</span>
  30. <span class="info">Инфо!!!!!!!!!!!!</span>
  31. <span class="info">Инфо</span>
  32. <span class="info">Инфо</span>
  33. <span class="info">Инфо</span>
  34. <span class="info">Инфо!!!!!!!!!!!!</span>
  35. <span class="info">Инфо</span>

(Отредактировано автором: 07 Июля, 2018 - 03:20:51)

 
 Top
Vladimir Kheifets
Отправлено: 07 Июля, 2018 - 08:12:51
Post Id



Посетитель


Покинул форум
Сообщений всего: 261
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 9 раз(а)




Dee пишет:
Привет, подскажите селектор, который бы выбрал каждый
четвертый элемент после блока .block , количество спан может быть любым
Спойлер (Отобразить)

Доброе утро!
Можно определить как смежный селектор:
div[class=block]+span+span+span+span{color:#ff0000 !important}
Если свойства, которые Вы хотите отределить в смежном селекторе определены в классе "info", то нужно добавлять !important

Удачи!
Спойлер (Отобразить)

(Отредактировано автором: 07 Июля, 2018 - 08:21:00)

 
 Top
Dee
Отправлено: 07 Июля, 2018 - 19:46:21
Post Id



Частый гость


Покинул форум
Сообщений всего: 147
Дата рег-ции: Нояб. 2012  


Помог: 1 раз(а)




Ваша схема не работает )
Это будет выглядеть так на фото,
т е блоки выделены не все.
Прикреплено изображение
321.jpg
 
 Top
Vladimir Kheifets
Отправлено: 08 Июля, 2018 - 12:59:25
Post Id



Посетитель


Покинул форум
Сообщений всего: 261
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 9 раз(а)




Dee пишет:
Ваша схема не работает )
Это будет выглядеть так на фото,
т е блоки выделены не все.

Добрый день!
Схема работает, так как Вы хотели, "четвертый элемент после блока .block "
т.е. после <div class="block"> четвертый <span>
Чтобы это работало нужно повторять <div class="block"> перед "любым количеством <span>".
Если же по какой-то причине Вы хотите определить свойства селектора, без повторения <div class="block">, то будет работать так:
CODE (html):
скопировать код в буфер обмена
  1. <style>
  2. div[class=block]+span+span+span+span{color:#ff0000 !important}
  3. div[class=block]+span+span+span+span+span+span+span+span{color:#ff0000 !important}
  4. div[class=block]+span+span+span+span+span+span+span+span+span+span+span+span{color:#ff0000 !important}
  5. </style>

Но думаю, что это грамоздко и проще определить отдельный класс, например, info2
и в тэгах писать:
CODE (html):
скопировать код в буфер обмена
  1. <style>.info2{color:#ff0000 !important}</style>
  2. <span class="info info2">Инфо!!!!!!!!!!!!</span>

(Отредактировано автором: 08 Июля, 2018 - 15:41:47)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« Вопросы новичков »


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



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB