1

我可以执行以下操作：

.content:not([class="no-touch"]) {

    .content-index-container {

        .chr-selector {

            select {
                margin-top: 5px;
            }
        }
    }
}

当no-touch课堂不在content课堂上时，反之亦然。

我知道我的 CSS 不能正常工作，因为它是错误的，但是我怎样才能实现我想要做的事情：设置内容的样式，但如果内容不在touch类中，则忽略样式？（如果检测到触摸设备，Modernizr 会将该类附加到 HTML。）

4

2 回答 2

3

你可以改变你的想法并修改无触摸的孩子......

select { margin-top: 5px; }
.content.no-touch .content-index-container .chr-selector select {
    margin-top: 0;
}

或者

select { margin-top: 5px; }
.content.no-touch select {  margin-top: 0; }
于 2012-10-17T08:55:24.710 回答
1

不，恐怕不会。Javascript 是您的朋友，或者为您的标记添加额外的类。

于 2012-10-17T08:48:34.693 回答