Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: выбрать все блоки кроме первого

 PHP.SU

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


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

> Без описания
Поиск в теме | Версия для печати
alexiy
Отправлено: 26 Ноября, 2013 - 13:24:27
Post Id



Посетитель


Покинул форум
Сообщений всего: 483
Дата рег-ции: Янв. 2011  


Помог: 6 раз(а)
есть
CODE (html):
скопировать код в буфер обмена
  1.  
  2.  <div class="item"></div>
  3.  <div class="item"></div>
  4.  <div class="item"></div>
  5.  <div class="item"></div>
  6.  <div class="item"></div>
  7.  <div class="item"></div>
  8.  

как скрыть все блоки кроме самого первого используя css?
 
 Top
Deonis
Отправлено: 26 Ноября, 2013 - 13:45:17
Post Id



Посетитель


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


Помог: 14 раз(а)
CODE (css):
скопировать код в буфер обмена
  1. .item {
  2.     display: none;
  3. }
  4. /* Теперь или так: */
  5. .item:first-child {
  6.     display: block;
  7. }
  8. /* или так (IE 8-ой и ниже версии не поддерживает): */
  9. .item:nth-of-type(1){
  10.     display: block;
  11. }

(Отредактировано автором: 26 Ноября, 2013 - 13:45:36)

 
 Top
imya
Отправлено: 26 Ноября, 2013 - 13:49:26
Post Id



Участник


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Сент. 2012  
Откуда: Запорожье, Украина


Помог: 19 раз(а)
first-child неккоректно использовать, так как он применется для дочернего элемента, а тут все на одном уровне.


-----
PHP:
скопировать код в буфер обмена
  1. do {box != cat;} while (cat != box);


Когда нормальный человек, уезжая из дома одевает на жену пояс верности, веб-дизайнер ставит на нее счетчик...
 
My status
 Top
IllusionMH
Отправлено: 26 Ноября, 2013 - 13:53:02
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
alexiy, добавить класс первому, либо :first-child (если нужно :nth-child)
 
 Top
Deonis
Отправлено: 26 Ноября, 2013 - 13:54:01
Post Id



Посетитель


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


Помог: 14 раз(а)
imya пишет:
first-child неккоректно использовать
Было бы странно, если бы у этих блоков не было "родителя". Но даже при такой не корректной записи, работать все-таки будет.
 
 Top
IllusionMH
Отправлено: 26 Ноября, 2013 - 13:54:25
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
imya, для элемента который является первым дочерним у своего родителя.
Все ок, кроме того, что автор выкинул огрызок разметки который ни к чему не относится и просит показывать только первый.
 
 Top
alexiy
Отправлено: 26 Ноября, 2013 - 13:59:38
Post Id



Посетитель


Покинул форум
Сообщений всего: 483
Дата рег-ции: Янв. 2011  


Помог: 6 раз(а)
IllusionMH
именно так,
но есть вопрос дополнительный, скажем первый блок (display:block;) потом когда я жму на кнопку скажем показывается следующий блок который(display:none;), нажал еще раз, показался следующий скрытый блок и так далее, как именно выбирать последний элемент, у которого display:block?
 
 Top
Deonis
Отправлено: 26 Ноября, 2013 - 14:05:15
Post Id



Посетитель


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


Помог: 14 раз(а)
alexiy пишет:
когда я жму на кнопку скажем показывается следующий блок
Средствами CSS этого не сделать. Тут уже подключайте в работу JS.

(Отредактировано автором: 26 Ноября, 2013 - 14:05:49)

 
 Top
alexiy
Отправлено: 26 Ноября, 2013 - 14:08:35
Post Id



Посетитель


Покинул форум
Сообщений всего: 483
Дата рег-ции: Янв. 2011  


Помог: 6 раз(а)
Deonis
вопрос и не к вам!
 
 Top
IllusionMH
Отправлено: 26 Ноября, 2013 - 14:13:30
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
alexiy, как писалось раньше: добавляйте класс visible. И в js ищите/запоминайте индекс элемента который видимый, добавляйте класс следующему, и так сколько нужно. Если нужно - убирайте класс у предыдущего элемента.
Элементарная ж логика.
И не нужно рассказывать кому был вопрос, а кому нет. Вам все правильно ответили, это решается на JS, а не CSS.

(Отредактировано автором: 26 Ноября, 2013 - 14:14:51)

 
 Top
imya
Отправлено: 26 Ноября, 2013 - 14:26:46
Post Id



Участник


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Сент. 2012  
Откуда: Запорожье, Украина


Помог: 19 раз(а)
IllusionMH пишет:
imya, для элемента который является первым дочерним у своего родителя.


Видимо я неккоректно понимаю смысл этого выражения... Растерялся
Я думал так:

CODE (htmlphp):
скопировать код в буфер обмена
  1. <div class="parent">
  2. <div class="child"></div>
  3. </div>


Если для класса parent прописать first-child , эти стили отработают только для child. Что ж, был неправ.


-----
PHP:
скопировать код в буфер обмена
  1. do {box != cat;} while (cat != box);


Когда нормальный человек, уезжая из дома одевает на жену пояс верности, веб-дизайнер ставит на нее счетчик...
 
My status
 Top
IllusionMH
Отправлено: 26 Ноября, 2013 - 14:31:24
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
imya, ага. Тоже прочитал бегло про :nth-child и не мог понять почему ul:nth-child(3) не работает Улыбка
Просто стоит рассматривать псевдоклассы как "свойства"(либо условия к "свойствам") данного объекта.
И не стоит путать с псевдоэлементами, котjрые правильно записывать ::before
 
 Top
imya
Отправлено: 26 Ноября, 2013 - 14:58:43
Post Id



Участник


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Сент. 2012  
Откуда: Запорожье, Украина


Помог: 19 раз(а)
IllusionMH пишет:
Просто стоит рассматривать псевдоклассы как "свойства"(либо условия к "свойствам") данного объекта.


Спасибо за расжовывание Поклон Улыбка


-----
PHP:
скопировать код в буфер обмена
  1. do {box != cat;} while (cat != box);


Когда нормальный человек, уезжая из дома одевает на жену пояс верности, веб-дизайнер ставит на нее счетчик...
 
My status
 Top
DelphinPRO
Отправлено: 26 Ноября, 2013 - 15:20:48
Post Id



Активный участник


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


Помог: 353 раз(а)
вот правильное и красивое решение:

CODE (css):
скопировать код в буфер обмена
  1. .item:not(:first-child) {
  2.     display: none;
  3. }


http://jsfiddle[dot]net/8JdXH/1/

PS Конечно, при условии, что поддержка IE8 не требуется Голливудская улыбка


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
IllusionMH
Отправлено: 26 Ноября, 2013 - 15:34:02
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
del.

(Отредактировано автором: 26 Ноября, 2013 - 15:35:19)

 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB