Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Проблема с :last-child

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

kulativv



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть такая проблема. Вот код:
 
p { color: black; }
p:last-child { color: red; }
 
Если вставить на страницу 2 абзаца, то у второго будет красный текст. Если 1 абзац - то тоже красный. Другими словами, если селектор один, то браузер понимает его как last-child, а это ужасно!  
 
Что можете посоветовать? Как решить вопрос? Понимаю, что можно написать скрипт, считающий кол-во селекторов и если таковое равно 1, то убирать/добавлять стили, но это крайний выход.

Всего записей: 76 | Зарегистр. 19-02-2006 | Отправлено: 13:37 29-07-2013
nyafnyaf



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kulativv
а если с :nth-child ?
 

Код:
p:nth-child(2) { color: red; }  


Всего записей: 300 | Зарегистр. 12-12-2011 | Отправлено: 16:12 29-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kulativv
есть же тема
Вопросы по CSS

Цитата:
то браузер понимает его как last-child, а это ужасно!  

в чем он неправ то?  


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:05 29-07-2013
kulativv



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
nyafnyaf количество абзацев динамическое.  
 
Cheery сорри, я тут нечасто бываю, а на первой странице этой темы не видел. Не думал, что есть какая то общая тема.  
 
Не то чтобы неправ, просто надо что то делать с этим.
 

Всего записей: 76 | Зарегистр. 19-02-2006 | Отправлено: 20:34 29-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kulativv

Цитата:
 количество абзацев динамическое.

ну так сделайте просто, переписав css
 
p { color: black; }  
p:last-child { color: red; }  
p:first-child { color: black; }

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:41 29-07-2013
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Проблема с :last-child


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru