先看看这样的一个dom结构
Child Text
Hello CSS
CSS这样设置
* {
color: red;
}
.parent .child {
color: green;
}
那么,Hello CSS
,会是什么颜色呢?
会是红色。可以直接点开这个Demo查看效果。
*
和.parent .child
都能对Hello World
文字的颜色施加影响,而且.parent .child
放在后面,也没有*
的优先级高,所以显示了红色,而不是绿色。
星号选择器(*),表示选择所有元素(MDN链接)。在这个示例中,星号包含了对.text
节点的颜色设置,其优先级,是高于从父节点.child
继承过来的颜色属性的。