html - 选择具有单个类的 HTML 元素但不选择具有多个类的其他元素？

Question

假设我有一个 .table-view 组件，它有一个 .table-cell 子组件，我想保持我的类干净，我该如何选择一个没有其他类并且是的直接后代的 .table-cell表格 View ？

对在相对较新的 Webkit 中实现的任何类型的高级选择器开放。

<div class="table-view">
    <div class="table-cell">
       <!-- How to select this HTML element without selecting the others? -->
    </div>
    <div class="table-cell split">
        <div class="table-cell">

        </div>
        <div class="table-cell">

        </div>
    </div>
</div>

Answer 1

您可以使用元素 - 属性选择器 ( fiddle )

.table-view > div[class=table-cell] {
  /* Styles goes here */
}