无法在一个代码中放置多个选择器

时间:2016-07-06 15:22:53

标签: css-selectors double

::moz-selection, ::selection {}

这不起作用。

我不想放置很多选择器功能,所以我想问如何在一个样式表中转换它们。

1 个答案:

答案 0 :(得分:0)

您必须重复Firefox的选择器CSS,因为如果您将两者放在同一代码中,浏览器将无法读取它。这通常是浏览器支持和前缀的情况,用于向后和跨浏览器兼容性。

工作示例:

{{1}}

来源:http://www.w3schools.com/cssref/sel_selection.asp

您可能希望考虑使用Autoprefixer编写PostCSS,这将编译成" :: selection"进入" ::选择"并自动添加" :: - moz-selection"在您编译的CSS版本上。这样可以在维护代码时保持代码更清晰,因为浏览器前缀只存在于编译版本中。