首页前端开发CSS两个或多个用空格分隔的选择器

两个或多个用空格分隔的选择器

时间2024-05-22 16:00:03发布访客分类CSS浏览86
导读:在后世选择器中,规定左边的选择器一端包括两个或多个用空格归并的抉择器。决议器之间的空格是一种联结符(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
采用宝塔面板Nginx防火墙设置WordPress程序特定目录不可执行PHP文件 根据上下文选择元素

游客 回复需填写必要信息