如果我们只想选择元素直接的子元素,也就是不包含元素的其它的后裔 .. 比如孙子元素,曾孙子元素等等 … 在选择器里,可以使用 > 号来表示 …
比如这个选择器 … div > img … 它只会选择在 div 元素里的,图像类型的儿子元素 ..
测试 …
div.container img … 这个选择器可以选择 .container 类下面的所有的图像类型的后裔 … 如果只想选择它的图像类型的儿子 ….. 在这个选择器 … 加上一个大于号 .. 把它放在 .container 和 img 之间 …
div.container > img {
}
你会看到,只会选择页面上的这个头像图像 … 因为只有它是 .container 的直接的图像类型的儿子元素…