对伪元素进行分组会破坏CSS

Question

下面的代码工作正常。

input[type="range"]::-webkit-slider-runnable-track {
  background-color: #000;
}

input[type="range"]::-moz-range-track {
  background-color: #000;
}

<input type="range">

由于某种原因，下面的代码块都不起作用。

input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-moz-range-track {
  background-color: #000;
}

<input type="range">

input[type="range"]::-moz-range-track,
input[type="range"]::-webkit-slider-runnable-track {
  background-color: #000;
}

<input type="range">

有人知道为什么将这些伪选择器组合在一起会破坏CSS吗？

Answer 1

常规选择器列表是无情的。如果列表中的任何成员无效，则整个选择器列表无效，因此会被忽略。