css - SASS 中的链接选择器

标签 css sass

sass 中有没有一种方法可以像这样链接选择器:

input {
    &::-webkit-input-placeholder,
    &:-moz-placeholder,
    &::-moz-placeholder,
    &:-ms-input-placeholder {
        color: red;
    }
}

最佳答案

使用这些特定于供应商的特殊伪选择器,我发现将它们全部放在一行中并不能使它们在跨浏览器上工作得很好。我认为您可以期望的最佳优化是这样的:

@mixin placeholderstyle() {
  color: red;
}
input::-webkit-input-placeholder {
  @include placeholderstyle()
}
input:-moz-placeholder {
  @include placeholderstyle()
}
input::-moz-placeholder {
  @include placeholderstyle()
}
input:-ms-input-placeholder {
  @include placeholderstyle()
}

关于css - SASS 中的链接选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23892301/

上一篇:Css 旋转平行四边形文字

下一篇:html - 使用显示 : table and display: inline-block 的 IE 或 FF 中的 Div 未正确对齐

相关文章:

css - 使用 webpack 分离字体和 css

javascript - 如何防止字段和按钮之间的 HTML 自动换行

css - Flex 布局 chalice 内容不会在 IE11 上增长

css - 没有 Ruby 的 SASS for .NET 应用程序

html - 如何将图像保存在 div 容器中

ionic-framework - Ionic 将图像与 ion-col 底部对齐

css 伪类 :hover not working

css - table-cell - 某种 colspan?

css 可见性过渡在 safari 中不起作用

css - 如何从 SASS 中的基色中获取所需的颜色