首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何排除css选择器的内部偏差?

如何排除css选择器的内部偏差?
EN

Stack Overflow用户
提问于 2016-07-27 01:23:36
回答 1查看 112关注 0票数 1

我有一个css选择器:

代码语言:javascript
复制
$("td.cv-table-panel-element")

返回如下屏幕快照中显示的元素列表:

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

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

请注意,仅仅忽略第一个元素在这里是行不通的,因为这个复选框元素不一致,而且并不总是出现。因此,它需要被其内部类中的一个具体地排除在外。

我在没有运气的情况下尝试了以下几种方法:

代码语言:javascript
复制
$("td.cv-table-panel-element:not(.cv-checkbox)")

有什么建议吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-27 01:29:34

以下是一个纯CSS选项:

代码语言:javascript
复制
td.cv-table-panel-element:not([align="center"])

此选择器使用 https://www.w3.org/TR/css3-selectors/#selectors

下面是一个例子:

代码语言:javascript
复制
/* 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; }
代码语言:javascript
复制
<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>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38602265

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档