Селекторы потомка


Селекторы потомка (descendant selector) позволяют более тонко управлять выбором фрагментов Web-страницы по сравнению с селекторами типа и класса. Обычно они состоят из двух элементов, причем второй элемент является потомком первого:
li а {
text-decoration: none;
Вставьте HTML-код, в котором элемент а появляется внутри li:
<ul id="navigation">
<li class="warning"xa href="http://csscookbook.com">Applesc/ax/li> clixa href="http://csscookbook.com">Bananas</ax/li> clixa href="http://csscookbook.com">Cherriesc/ax/li> c/ul>
В этом примере всякий раз, когда ссылка или элемент а появляется в пункте списка или элементе и, применяется это правило CSS.
Универсальные селекторы
Универсальные селекторы обозначаются "звездочкой” (*) и применяются ко всем элементам (рис. 2.13).
В приведенном далее коде каждый элемент, содержащий HTML-текст, будет отображаться шрифтом Verdana, Arial или каким-либо шрифтом семейства sans-serif (без засечек):

 



Правельные рецепты CSS