css - SCSS/Modernizr 链式类

标签 css sass compass-sass modernizr

我不确定这是否可以完成。但是请考虑以下内容,我正在使用 modernizr 并尝试根据 parent 的类(class)制作 css 按钮。

我在这里制作了一个 JSFiddle: http://jsfiddle.net/qBkPL/1/

我想要的结果是:

.foo.bar .selector

但是,将范围限定为父项时的结果:

.foo .selector.bar

最佳答案

你根本不能那样做。为了得到你想要的输出,你必须这样写:

http://jsfiddle.net/qBkPL/2/

a.parent-chaining {
    .foo.bar & {
        color:red; // this should be red
    }
}

嵌套选择器不是必需的,在有意义的时候使用它。

关于css - SCSS/Modernizr 链式类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15904410/

相关文章:

javascript - 为什么模态出现然后消失?

sass - Sass 中@keyframes 的前缀插值

css - Bower元素中如何使用bootstrap v4 scss版本

css - SASS (.sass) 为什么这个变量把一切都搞砸了?

css - 用波旁威士忌替换或移除 compass

javascript - 使用数据属性值作为 sass 变量中的值

css - 语法错误 "transparent"不是 'ie-hex-str' 的颜色

css - 输入字段 css 问题 - 适用于 chrome/ff 等但不适用于 IE

html - Firefox 的下拉菜单未出现在正确的位置

html - firefox 的 3d 变换中的口吃/闪烁