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

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

测试

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

div.container img {

}

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

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

div.container * img {

}

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