正在悬停和聚焦的字段的CSS顺序是什么

Question

聚焦和徘徊时我的输入会是什么颜色？

input:hover {
  color: red;
}

input:focus {
  color: blue;
}

Answer 1

这些可能是在相同的样式表中,它们具有相同的特异性(一个伪类和一个元素),因此级联顺序中唯一剩下的步骤是指定顺序.也就是说,如果它是徘徊和聚焦,它将是蓝色的.

关于特异性:http://www.w3.org/TR/CSS2/cascade.html#specificity