Применение дочерних селекторов

Дочерний тег является прямым потомком содержащего его тега. Если вам нужно создать правило, применяемое только к тегу, являющемуся дочерним для определенного тега, можно написать правило:

p>em {color:green;}

Такое правило будет применяться в нашем случае только к слову specific, не влияя на другие теги em, так как specific содержится в теге em, являющемся дочерним для тега р, а слова otfder и stated (см. "Применение контекстных селекторов").

Обратите внимание, что (на момент написания этого текста) дочерние селекторы не поддерживаются браузером Internet Explorer для Windows - он просто игнорирует их (хотя Internet Explorer для Macintosh обрабатывает их корректно). Тем не менее, если вы окажетесь в ситуации, как единственным способом решения проблемы окажется дочерний селектор, имейте в виду, что есть способы обойти эту неприятность с IE/Win. Как вы вскоре увидите, классы и идентификаторы позволяют применить стили к любым отдельным тегам, но взамен придется слегка пожертвовать компактностью кода.

Таким образом, пока Internet Explorer не научится правильно понимать дочерние селекторы, в основном вы будете использовать их для создания различных вариаций в таблице стилей при обхождении различных несовместимых со стандартами странностей браузера IE.




Rambler's Top100