CSS Universal选择器(*)特异性

Question

我试图弄清楚为什么.x比*.x预期后者获胜更具特异性.

不*.x应该有0-0-1-1(1类,1标签)的具体情况,而.x只是一个类0-0-1-0？

请考虑以下基本代码:

*.x { color: blue; }

.x { color: red }

<p class="x">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, nam.</p>

它应该是蓝色的.为了演示预期的行为,我替换*为另一个元素(p):

p.x { color: blue; }

.x { color: red }

<p class="x">This time it works.</p>

Answer 1

该通用选择(*)对特异性没有影响,因此后者选择的样式将是应用的人.

星号(*)是CSS的通用选择器.它匹配任何类型的单个元素.用简单的选择器省略星号具有相同的效果.例如,*.warning和.warning被认为是平等的.