JAVA全系列 教程
3762个小节阅读:7092.2k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
关系选择器分类
定义
选择所有被E元素包含的F元素,中间用空格隔开
语法
xxxxxxxxxx
E F{}
xxxxxxxxxx
<ul>
<li>宝马</li>
<li>奔驰</li>
</ul>
<ol>
<li>奥迪</li>
</ol>
xxxxxxxxxx
ul li{
color:green;
}
定义
选择所有作为E元素的直接子元素F,对更深一层的元素不起作用,用>表示
语法
xxxxxxxxxx
E>F{}
xxxxxxxxxx
<div>
<a href="#">子元素1</a>
<p> <a href="#">孙元素</a> </p>
<a href="#">子元素2</a>
</div>
xxxxxxxxxx
div>a{
color:red
}
定义
选择紧跟E元素后的F元素,用加号表示,选择相邻的第一个兄弟元素,只能向下选择
语法
xxxxxxxxxx
E+F{}
xxxxxxxxxx
<h1>h1元素</h1>
<p>第一个元素</p>
<p>第二个元素</p>
xxxxxxxxxx
h1+p{
color:red;
}
定义
选择E元素之后的所有兄弟元素F,作用于多个元素,用~隔开,只能向下选择
语法
xxxxxxxxxx
E~F{}
xxxxxxxxxx
<h1>h1元素</h1>
<p>第一个元素</p>
<p>第二个元素</p>
xxxxxxxxxx
h1~p{
color:red;
}
实时效果反馈
1.下列代码属于哪种关系选择器:
xxxxxxxxxx
ul li{
color:green;
}
A 后代选择器
B 子代选择器
C 相邻兄弟选择器
D 通用兄弟选择器
答案
1=>A