CSS [否定父元素]

Question

我可以执行以下操作：

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

    .content-index-container {

        .chr-selector {

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

当no-touch课程不在content课程中时，反之亦然。

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

Answer 1

你可以改变你的想法，修改无接触的孩子......

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; }

Answer 2

不，我不敢。 Javascript是您的朋友或为您的标记添加额外的类。