使用媒体查询对 CSS 选择器进行分组

Question

如何将这两种样式分组并保持我的代码干燥？

    a:focus-visible {
        color: red;
    }

    @media (hover: hover) {
        a:hover {
            color: red;
        }
    }

我试图将它们组合在一起，但这不起作用！

    a:focus-visible,
    @media (hover: hover) {
        a:hover {
            color: red;
        }
    }

Answer 1

@media (hover: hover) {
    a:focus-visible,
    a:hover {
        color: red;
    }
}