Как к последнему блоку списка в виджете привязать дополнительный стиль? 2.X

 
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2780
Есть три колонки. Не могу придумать как к третьему элементу задать дополнительный стиль.

Пример кода который должен отдавать виджет

Как видим у третьего блока добавляется стиль col_last

Код HTML:
  1. <div class="container clearfix">
  2.  
  3. <div class="col_one_third nobottommargin">
  4. <div class="feature-box media-box">
  5. <div class="fbox-media">
  6.  
  7. </div>
  8. <div class="fbox-desc">
  9. <h3>Why choose Us.<span class="subtitle">Because we are Reliable.</span></h3>
  10. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum est voluptatem accusamus molestiae eaque perspiciatis mollitia.</p>
  11. </div>
  12. </div>
  13. </div>
  14.  
  15. <div class="col_one_third nobottommargin">
  16. <div class="feature-box media-box">
  17. <div class="fbox-media">
  18.  
  19. </div>
  20. <div class="fbox-desc">
  21. <h3>Our Mission.<span class="subtitle">To Redefine your Brand.</span></h3>
  22. <p>Quos, non, esse eligendi ab accusantium voluptatem. Maxime eligendi beatae, atque tempora ullam. Vitae delectus quia, consequuntur rerum molestias quo.</p>
  23. </div>
  24. </div>
  25. </div>
  26.  
  27. <div class="col_one_third nobottommargin col_last">
  28. <div class="feature-box media-box">
  29. <div class="fbox-media">
  30.  
  31. </div>
  32. <div class="fbox-desc">
  33. <h3>What we Do.<span class="subtitle">Make our Customers Happy.</span></h3>
  34. <p>Porro repellat vero sapiente amet vitae quibusdam necessitatibus consectetur, labore totam. Accusamus perspiciatis asperiores labore esse ab accusantium ea modi ut.</p>
  35. </div>
  36. </div>
  37. </div>
  38.  
  39. <div class="clear"></div>
  40.  
  41. </div>
  42.  
Редактировалось: 1 раз (Последний: 30 января 2018 в 22:13)
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1901
.col_one_third:nth-child(3)
Реклама
cms
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2791
шэльдэ бердэ бельдэ:
.col_one_third:nth-child(3)
Есть же более "селективный" селектор:
yury:
Как видим у третьего блока добавляется стиль col_last
Кроме того (имхо), следует принять во внимание, как минимум, ещё 2 предположения:
1. судя по тексту поста, похоже, что автор уже слышал что-то о стилях; исходя из этого следует предположить, что нечто подобное он уже пробовал и это не сработало
2. судя по "не селективным" названиям селекторов в приведённом коде (col_one_third, nobottommargin), следует предположить, что эти селекторы будут использоваться и в других местах сайта
Исходя из предположений, рекомендуем:
Код CSS:
  1.  
  2. .papa .col_one_third.col_last {
  3. отступ справа мешает?
  4. }
  5.  
Возможно даже #papa...
Украинский для инстант
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1901
Олег Васильевич я, подозреваю, что автор задал вопрос о том, как прикрутить к третьему блоку дополнительные стили, отличающие его от собратьев по линии. Также есть подозрение, что в тот момент, когда все известные способы не подтвердились, автор предположил, что есть вероятность расширить перечень селекторов среди уважаемых кавычек, тем самым обозначив роль третьего блока, как выдающегося, чтобы в скором времени придать ему неповторимый дизайн глаз радующий. И диезпапа в данном случае есть та же проблема, что и точкаколласт. Мой бедный разум понял, что когда автор сказал "появляется", он зрил в потом-когда-нибудь. А значит сейчас или тогда этого еще нет и не было. Простите за нецензурщину и тупоумие, коллега.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.