Самоучитель CSS

[ugg555]

Здравствуйте!

 

Прочитал Самоучитель CSS  в надежде понять код в котором хочу разобраться (код CSS темы WordPress).

Очень много почерпнул, за что спасибо автору!!!

 

Для меня осталось не понятным следующие моменты, а точнее такие строки:

 

1. 

       #container #post-entry article.home-post.alt-post {  }

 

почему нет запятых между идентификаторами ? и что значит строка article.home-post.alt-post ?

 

2. 

.post-single .post-meta-top {  }

Можно и без запятых перечислять классы, или это Контекстный селектор ?

 

3. 

     #post-navigator-single.post-nav-archive { }

   

       помогите расшифровать !

 

4.

     .widget-area #sponsorlinks { }

 

помогите расшифровать !

[swandev]

Здравствуйте!

 

Прочитал Самоучитель CSS  в надежде понять код в котором хочу разобраться (код CSS темы WordPress).

Очень много почерпнул, за что спасибо автору!!!

 

Для меня осталось не понятным следующие моменты, а точнее такие строки:

 

1. 

       #container #post-entry article.home-post.alt-post {  }

 

почему нет запятых между идентификаторами ? и что значит строка article.home-post.alt-post ?

 

2. 

.post-single .post-meta-top {  }

Можно и без запятых перечислять классы, или это Контекстный селектор ?

 

3. 

     #post-navigator-single.post-nav-archive { }

   

       помогите расшифровать !

 

4.

     .widget-area #sponsorlinks { }

 

помогите расшифровать !

 

1. это значит

<div id="container">      ***   <div id="post-entry">        ***       <article class="home-post alt-post">       </article>      ***   </div>      ***</div>

Запятых нет, потому-что стили добавляем только article'у с классом home-post и alt-post который находится внутри дива с id=post-entry, который находится в диве с id=container

 

 

 

Остальные пункты по тому же принципу.

Вообще не рекомендую разбираться сразу в WP, если не знать элементарных вещей. http://htmlbook.ru/metki/selektory