h1 {}和h1，h1 {}在css上存在差异

Question

我想知道它之间的区别（它总是选择粉红色和绿色）：

h1 {color:red;}
h1, h1 {color:pink;}
p {color:blue;}
p, p {color:green;}

此外，在此示例中，悬停不起作用

a, a:visited {
color:green;
text-decoration:none;
outline:none;
}

a:hover{
color: red;
}

Answer 1

您可以使用,将规则应用于多个选择器 例如。

h1, p { color: red; }

你在这里。

h1, h1 { color: red; } 

上面的代码会为h1和h1元素设置红色，但由于两者都是相同的选择器，所以第二个选择器将无用。

粉红色h1的唯一原因是因为最后一条规则在特异性相同时获胜。

h1, h1 {color:pink;}
h1 {color:red;}

这会给h1带来红色。