HTML后代选择器的功能怎么用

本文小编为大家详细介绍“html后代选择器的功能怎么用”，内容详细，步骤清晰，细节处理妥当，希望这篇“HTML后代选择器的功能怎么用”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

后嗣决意器的苦守极度强大。有了它，可以使 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 元素：

<ul>
  <li>List item 1
    <ol>
      <li>List item 1-1</li>
      <li>List item 1-2</li>
      <li>List item 1-3
        <ol>
          <li>List item 1-3-1</li>
          <li>List item <em>1-3-2</em></li>
          <li>List item 1-3-3</li>
        </ol>
      </li>
      <li>List item 1-4</li>
    </ol>
  </li>
  <li>List item 2</li>
  <li>List item 3</li>
</ul>

读到这里，这篇“HTML后代选择器的功能怎么用”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注编程网node.js频道。