Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Что означает >
 
 автор: immortal727   (27.10.2013 в 14:55)   письмо автору
 
 

Решил разместить горизонтальное меню с вложением. Нашел http://www.webmasters.by/articles/html-coding/557-css3-animated-dropdown-menu.html
Но всегда хочется разобраться в коде, а не просто копи-паст делать. Подскажите, что означает в css следующее
#menu ul li:first-child > a

А именно знак ">"

  Ответить  
 
 автор: cheops   (27.10.2013 в 15:02)   письмо автору
 
   для: immortal727   (27.10.2013 в 14:55)
 

Это означает непосредственно дочерний элемент на первом уровне вложенности, т.е. css-правила будут применены к ссылке вида
<div class='menu'>
  <ul>
    <li><a href='#'>ссылка</a></li>
    ...
  </ul>
</div>

но не будут применены к ссылкам вида
<div class='menu'>
  <ul>
    <li><span><a href='#'>ссылка</a></span></li>
    ...
  </ul>
</div>

Если бы > не было, то правила применялись бы к обоим фрагментам. Например, после #menu, тэг ul можно обернуть множеством других тэгов, но правила все-равно будет применяться, так как стоит пробел.

  Ответить  
 
 автор: immortal727   (27.10.2013 в 15:08)   письмо автору
 
   для: cheops   (27.10.2013 в 15:02)
 

Спасибо, Хеопс. Очень хорошо и доходчиво объяснил

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования