两个或多个用空格分隔的选择器
导读:在后世选择器中,规定左边的选择器一端包括两个或多个用空格归并的抉择器。决议器之间的空格是一种联结符(combinator)。每个空格离散符可以注解为"... 在 ... 找到"、"... 作为 ... 的一一小部分"、"... 作为 ......
在后世选择器中,规定左边的选择器一端包括两个或多个用空格归并的抉择器。决议器之间的空格是一种联结符(combinator)。每个空格离散符可以注解为"... 在 ... 找到"、"... 作为 ... 的一一小部分"、"... 作为 ... 的子女",但是申请必须从右向左读决意器。
因而,h1 em 决议器可以表明为 "作为 h1 元素小辈的任何 em 元素"。如果要从左向右读决定器,可以换成如下说法:"包含 em 的所有 h1 会把下列格式运用到该 em"。
具体运用
先进选择器的遵从极端强大。有了它,可使 HTML 中不成能完成的任务成为能够。
假如有一个文档,其中有一个边栏,另有一个主区。边栏的后台为蓝色,主区的后台为白色,这两个区都网罗链接列表。不能把全体链接都设置为蓝色,由于何等一来边栏中的蓝色链接都没法看到。
意图方式是使用长辈决意器。在这种环境下,可以为蕴含边栏的 div 指定值为 sidebar 的 class 属性,并把主区的 class 属性值设置装备摆设为 maincontent。然后编写如下名目:
div.sidebar { bac公斤round:blue; } div.maincontent { bac公斤round:white; } div.sidebar a:link { color:white; } div.maincontent a:link { color:blue; }
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 两个或多个用空格分隔的选择器
本文地址: https://pptw.com/jishu/665693.html