当前位置: 首页 > Web前端 > HTML5

星号选择器的优先级-

时间:2023-04-05 18:16:12 HTML5

先看这样一个dom结构ChildTextHelloCSS

CSS是这样设置的*{color:red;}.parent.child{color:green;}所以,你好CSS,它会是什么颜色?会变红。可以直接点击这个Demo查看效果。*和.parent.child都会影响HelloWorld文本的颜色,而.parent.child放在后面,它的优先级不比*高,所以显示红色而不是绿色。星号选择器(*),用于选择所有元素(MDN链接)。在此示例中,星号包含.text节点的颜色设置,它优先于从父节点.child继承的颜色属性。