CSS onHover与子依赖关系

Question

我正在寻找一个解决方案，如果单元格包含一个SPAN标签(这个SPAN也有一个类应用命名为isThreshold)或div单元格包含类。row_select)在悬停期间不覆盖表单元格的样式。

如果它包含.row_select，下面的工作并防止覆盖，但找到一种方法来查看它是否包含span标记似乎不起作用:

.webix_column > div.webix_cell.gridRowHover:not(.webix_row_select) {  //this works
color: red;
}
.webix_column > div.webix_cell.gridRowHover:not(span) {  //doesn't work
color: red;
}

编辑使用下面的代码，我几乎达到了目的，因为它不影响单元格，但专门针对span标记。如果.webix_row_select和span标签存在，那么它根本不影响单元格，包括span标签是我真正需要的。

.webix_column > div.webix_cell.gridRowHover:not(.webix_row_select) > span

//Markup
<div role="gridcell" aria-rowindex="1" aria-colindex="4" aria-level="1" class="webix_cell">
<span class="isThreshold">1</span>
</div>
<div role="gridcell" aria-rowindex="2" aria-colindex="4" aria-level="1" class="webix_cell 
row_select">
<span class="isThreshold">1</span>
</div>

有什么想法我可以解释这两种情况在悬停吗?类。gridrowhover是在悬停时动态注入的，这就是我一直用来瞄准的东西。

Thanks in advance

Answer 1

好的，我发现重要的是为我冲洗东西，并将它们放下，简单地瞄准悬停的表格单元格就足够了，足以完成我所需要的。这就是为什么你不使用那些(!important)，除非你真的需要这样做。

感谢所有看这篇文章的人。