html5中的后代选择器,后代选择器的功能极其强大

后嗣决意器的苦守极度强大。有了它，可以使 HTML 中不成能实现的工作成为可能。

如果有一个文档，此中有一个边栏，尚有一个主区。边栏的后盾为蓝色，主区的后援为白色，这两个区都网罗链接列表。不克不及把全部链接都配置为蓝色，由于这样一来边栏中的蓝色链接都没法看到。

筹算方法是使用长辈决定器。在这种状况下，可认为包括边栏的 div 指定值为 sidebar 的 class 属性，并把主区的 class 属性值设置为 maincontent。接下来编写下列样式：

div.sidebar {background:blue;}

div.maincontent {bac公斤round:white;}

div.sidebar a:link {color:white;}

div.maincontent a:link {color:blue;}

无关先辈选择器有一个易被忽视的方面，即两个元素之间的档次隔绝距离可以是无穷的。

好比，如果写作 ul em，这个语法就会选择从 ul 元素承袭的全部 em 元素，而不论 em 的嵌套条理多深。

因而，ul em 将会决议以下标志中的全体 em 元素：

• List item 1
  1. List item 1-1
  2. List item 1-2
  3. List item 1-3
     1. List item 1-3-1
     2. List item 1-3-2
     3. List item 1-3-3
  4. List item 1-4
• List item 2
• List item 3