ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Задать стиль для последнего элемента класса через CSS
20 сообщений из 20, страница 1 из 1
Задать стиль для последнего элемента класса через CSS
    #38712437
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-k2-
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<div class="search-page">
	<h2 class="search-title-h2"></div>
	<div class="search-list">
		<div class="event-list-item"></div>
		<div class="event-list-item"></div>
		<div class="event-list-item"></div>
		<div class="show-more-wrapper"></div>
		<div class="hidden-data"></div>
	</div>		
</div>
...
<div class="search-page">
	<h2 class="search-title-h2"></div>
	<div class="search-list">
		<div class="event-list-item"></div>
		<div class="event-list-item"></div>
		<div class="event-list-item"></div>
		<div class="show-more-wrapper"></div>
		<div class="hidden-data"></div>
	</div>		
</div>



<div class="hidden-data"></div> - не обязательно присутствует
можно ли для такой структуры задать стиль для последнего .show-more-wrapper через css?
не соображу никак :(
...
Рейтинг: 0 / 0
04.08.2014, 17:36
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38712443
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
http://htmlbook.ru/css/last-child
...
Рейтинг: 0 / 0
04.08.2014, 17:38
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38712448
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-k2-
Участник
Яростный Меч,

спасибо
...
Рейтинг: 0 / 0
04.08.2014, 17:43
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38712459
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-k2-
Участник
Яростный Меч,

сильно извиняюсь, но как то не получается :(
...
Рейтинг: 0 / 0
04.08.2014, 17:55
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38712462
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
-k2-,

напиши чуть подробнее, что требуется. может, я не так понял?
...
Рейтинг: 0 / 0
04.08.2014, 17:57
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38712470
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-k2-
Участник
Яростный Меч,

http://jsfiddle.net/AkR46/3/
чувствую што на ровном месте, но если уж нашло не сдвинешь, только дубинкой :(

элемент .show-more-wrapper может быть последним в div.search-list
или после него могут быть ещё дивы, не факт што только div.hidden-data

в jquery $(".search-show-more-wrapper").last() || $(".search-show-more-wrapper:last")
...
Рейтинг: 0 / 0
04.08.2014, 18:09
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38712693
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
-k2-можно ли для такой структуры задать стиль для последнего .show-more-wrapper через css?
В ЦСС - нет.
...
Рейтинг: 0 / 0
05.08.2014, 08:21
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38712838
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-k2-
Участник
krvsa,

спасибо
...
Рейтинг: 0 / 0
05.08.2014, 11:34
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38712973
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
А если чё-нить типа такого -

Код: css
1.
div:last-child .show-more-wrapper {background-color:red;}
...
Рейтинг: 0 / 0
05.08.2014, 13:16
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38712983
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
st_stА если чё-нить типа такого -

Код: css
1.
div:last-child .show-more-wrapper {background-color:red;}


Это применимо для всех потомков последнего элемента всех дивов...
...
Рейтинг: 0 / 0
05.08.2014, 13:22
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38712986
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
krvsaвсех потомков последнего элемента всех дивов...
С классом show-more-wrapper...
...
Рейтинг: 0 / 0
05.08.2014, 13:22
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38713000
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
Зато в данном конкретном случае по коду выше из jsfiddle как раз выделяет последний show-more-wrapper, может автору ничего больше и не требуется
...
Рейтинг: 0 / 0
05.08.2014, 13:31
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38713046
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-k2-
Участник
st_st,

биг сенькс, может автору бы и подошло бы,
но автор "думал" што вырезать "лишнее" из верстки это хорошая идея :)
я все больше в сторону nth-last-of-type пыталась выкрутить
ну да ладно, зато теперь знаю как на самом деле last-child работает :)

ещё раз спасибо за помощь всем
...
Рейтинг: 0 / 0
05.08.2014, 14:01
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38713106
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
st_stЗато в данном конкретном случае по коду выше из jsfiddle как раз выделяет последний show-more-wrapper
Вот твой пример

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
div .show-more-wrapper {
	background-color:red;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div class="search-page">
	<h2 class="search-title-h2"></div>
	<div class="search-list">
		<div class="event-list-item">1</div>
		<div class="event-list-item">2</div>
		<div class="event-list-item">3</div>
		<div class="show-more-wrapper">4</div>
		<div class="hidden-data">5</div>
	</div>		
</div>
</body>
</html>


Дописывание :last-child не дает никакого эффекта в твоем случае...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
div:last-child .show-more-wrapper {
	background-color:red;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div class="search-page">
	<h2 class="search-title-h2"></div>
	<div class="search-list">
		<div class="event-list-item">1</div>
		<div class="show-more-wrapper">4.0</div>
		<div class="event-list-item">2</div>
		<div class="event-list-item">3</div>
		<div class="show-more-wrapper">4.1</div>
		<div class="hidden-data">5</div>
	</div>		
</div>
</body>
</html>


Ты хоть тесть, что предлагаешь...
...
Рейтинг: 0 / 0
05.08.2014, 14:44
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38713109
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
st_st , :last-child в ЦСС это тупо последний элемент в структуре детей, а не в некой выборке с условием...
...
Рейтинг: 0 / 0
05.08.2014, 14:47
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38713150
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
krvsa, откуда ты вообще этот нижний код взял и условие, что может быть несколько .show-more-wrapper в одном блоке? Я у автора этого не вижу. Мой вариант нормально работает на том коде, который приведён автором, не надо придумывать с потолка несуществующий html.

-k2-, да, код желательно целиком, а то в первом сообщении показали кусочек, затем в jsfiddle ещё кусочек, а сейчас выяснилось что это ещё не всё, прям вытягиваем код с вас
...
Рейтинг: 0 / 0
05.08.2014, 15:11
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38713165
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-k2-
Участник
st_st,

я уж тогда на реальном примере :)
http://e-oo.ru/search/?q=expo
http://e-oo.ru/search/?q=ex
кнопки "показать все найденные ...", хотелось бы достучаться до стиля только последней
...
Рейтинг: 0 / 0
05.08.2014, 15:21
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38713261
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
Во, уже лучше, есть код и можно прикинуть варианты.

Первый навскидку -

Код: css
1.
2.
3.
<style>
	#content_wrapper > div:nth-last-of-type(2) .search-show-more {background-color:red;}
</style>
...
Рейтинг: 0 / 0
05.08.2014, 16:21
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38713291
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-k2-
Участник
st_st,

это же означает надеяться на то, што он всегда предпоследний?
...
Рейтинг: 0 / 0
05.08.2014, 16:36
| Ответить | Цитировать | Написать  
Задать стиль для последнего элемента класса через CSS
    #38713665
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
st_stоткуда ты вообще этот нижний код взял и условие, что может быть несколько .show-more-wrapper в одном блоке? Я у автора этого не вижу.
Читаем первоисточник...
-k2-можно ли для такой структуры задать стиль для последнего .show-more-wrapper через css?
Понятие "последний" подразоумевает возможность наличия еще нескольких, таких элементов...

Если же элемент всего один и других не будет вообще - тогда все ооочень просто!
...
Рейтинг: 0 / 0
06.08.2014, 09:20
| Ответить | Цитировать | Написать  
20 сообщений из 20, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Задать стиль для последнего элемента класса через CSS
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38712462&tid=1446840]:
 0ms
get settings:
 9ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 149ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 61ms
get tp. blocked users:
 2ms
others: 206ms
total:  462ms
созд. / загр.: 462ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]