如何使用 css 选择器排除内部网络元素？

Question

我有这个 css 选择器：

$("td.cv-table-panel-element")

returns 元素列表如下面的屏幕截图所示：

所有这些元素都是一个table的列，每列内容不同。该列表中的第一个元素包含一个复选框：

我想从初始列表中排除该元素。

请注意，仅忽略第一个元素在这里不起作用，因为此复选框元素不一致，并不总是出现。因此，它需要被其内部类.

之一特别排除

我试过以下但没有成功：

$("td.cv-table-panel-element:not(.cv-checkbox)")

有什么建议吗？

Answer 1

这是一个纯粹的 CSS 选项：

td.cv-table-panel-element:not([align="center"])

此选择器使用 :not functional notation and an attribute selector.

这是一个例子：

/* td elements are red */
.cv-table-panel-element { background-color: red;}

/* td elements that DO NOT have the align="center" attribute are blue */
.cv-table-panel-element:not([align="center"]) { background-color: aqua; }

td { height: 100px; width: 100px; }

<table>
  <tr>
    <td class="cv-table-panel-element"></td>
    <td class="cv-table-panel-element"></td>
    <td class="cv-table-panel-element" align="center"></td>
    <td class="cv-table-panel-element"></td>
    <td class="cv-table-panel-element" align="center"></td>
  </tr>
</table>

如何使用 css 选择器排除内部网络元素？

How to exclude inner webelement with css selectors?

html

css

jquery

css-selectors

jquery-selectors