[&::-webkit-] selectors do not work when we add [&::-moz-]

Author: siduckCreated Aug 9, 2025Updated Jul 23, 2026

UnoCSS version

v66.4.2

Describe the bug

Custom range slider, when you will remove the "-moz" ones then it'll start working, this is weird, cuz it doesnt happen in tailwind

xml

<input
  type="range"
  class="
    m-10
    appearance-none w-[20em] h-[2em] outline-none overflow-hidden rounded
    [&::-webkit-slider-runnable-track]:bg-slate-300
    [&::-webkit-slider-runnable-track]:h-full
    [&::-webkit-slider-runnable-track]:rounded
    [&::-webkit-slider-thumb]:appearance-none
    [&::-webkit-slider-thumb]:h-full
    [&::-webkit-slider-thumb]:w-[8px]
    [&::-webkit-slider-thumb]:bg-blue-500
    [&::-webkit-slider-thumb]:[box-shadow:_-20em_0_0_20em_black]
    [&::-moz-range-track]:bg-slate-300
    [&::-moz-range-track]:h-full
    [&::-moz-range-track]:rounded
    [&::-moz-range-thumb]:bg-blue-500
    [&::-moz-range-thumb]:w-[8px]
    [&::-moz-range-thumb]:h-full
    [&::-moz-range-thumb]:border-0
    [&::-moz-range-thumb]:rounded-none
    [&::-moz-range-thumb]:[box-shadow:_-20em_0_0_20em_black]
  "
/>

Reproduction

playground link

System Info

No response

Validations

Read the Contributing Guidelines.
Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
The provided reproduction is a minimal reproducible example of the bug.

Source: unocss/unocss