css选择器：为tr td的空无效

Question

我在这里查了一些文章，但在我的案例中我没有回答。 我需要空的内容td显示没有bg颜色，我有css an：empty，但它不起作用。

示例代码： http://codepen.io/bard/pen/aDKiv

感谢专家。

Answer 1

由于您的TD本身有空白，因此无法正常工作。不要让'＆amp; nbsp'进入TD并且它将起作用'＆amp; nbsp'不符合以下条件：空

并更改以下内容

#wp-calendar tr td:empty {
    background:none !important;
}

Answer 2

你可以按如下方式实现：

#wp-calendar tr td.pad:not(:empty) {
    border:none !important;
    background-color: rgba(255,255,255,0.04);
}

如果你想在空的情况下应用一些风格。尝试以下：

#wp-calendar tr td.pad:(:empty) {
   /* some style */
}

Answer 3

您无论如何都需要删除 ，因为它们被视为非空文本内容。为了使空单元格不可见，您还可以使用empty-cells: hide作为表元素。它具有比:empty伪类更好的浏览器支持，并且可能更通用，因为它将仅包含空白字符（常规空格，换行符，制表等）的单元格视为空，而:empty要求元素完全不包含任何内容（包括空白字符）。

请参阅已编辑的示例：http://codepen.io/SelenIT/pen/xEpDn

Answer 4

使用这个。它正在工作。

table tr td:empty::after { 
    position: relative;
    content: " ";
    visibility: hidden;
}