首页 网络技术
  1. 正文

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后代选择器的功能怎么用
本文链接:https://www.qqooo.cn/post/6684.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!