后裔

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

用空格分隔开不同的选择器,这种形式是组合类型的选择器 … 它表示选择前面选择器的指定的后裔元素 … 比如这个选择器 div img … 它表示选择 div 元素里的,图像类型的后裔 ….

这个图像元素可以是 div 元素的子元素,孙子元素,曾孙子元素 … 只要它是 div 元素的后裔就会被选择 … 如果只想选择孙子和孙子以后的元素 … 也就是不包含子元素的后裔 .. 在选择器里可以加上一个 * 号 ..

测试

下面我们去选择在 .container 类的 <div> 元素里面的图像后裔 …

div.container img {

}

现在会选择所有的在 .container 类里面的图像类型的后裔元素 … 包括子元素,孙子元素等等 …

如果我们不想选择图像类型的子元素 .. 在这个选择器里, .container 和 img 之间 .. 加上一个 * 号 …

div.container * img {

}

因为上面这个小头像直接在 .container 类的元素的下面,也就是它是 .container 类的子元素 .. 所以不会选择它 .. 只会选择子元素以后的图像类型的元素 …

后裔《 CSS:选择器 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点