css - scss\sass中*::selection{}怎么写？

Question

我尝试执行以下操作，但它不起作用:

* {
    &::selection { text-decoration: underline; }
}

Answer 1

我就是这样做的:

// define it
@mixin selection {
    ::-moz-selection { @content; }
    ::selection { @content; }
}

// use it
@include selection {
    color: white;
    background: black;
}

更新

我建议只使用 ::selection {} 和 autoprefixer而不是混合。这将使您的代码更精简，让您的大脑更轻松:)

在这种情况下，autoprefixer将改变这个:

::selection {
    color: white;
    background: black;
}

...(取决于您的目标浏览器/配置)变成类似的东西:

::-moz-selection {
    color: white;
    background: black;
}

::selection {
    color: white;
    background: black;
}