css 空伪类不适用于 Safari 中的动态更新

Question

这是 example

table:empty {
    display: none;
}

<table style="border: 5px solid green;"></table>
<button></button>

<script>
$("button").click(function () {
    $("table").html("<tbody></tbody>");
});
</script>

当使用 :empty 伪类 Safari 动态更新内容时不起作用。

适用于 Chrome，但不适用于 Safari。

有什么想法吗？

Answer 1

这里有类似的问题。我设法通过“重置”样式使其工作:尝试添加 .css({display: 'initial'}).css({display: ''})

<script>
$("button").click(function () {
    $("table").html("<tbody></tbody>").css({display:'initial'}).css({display: ''});
});
</script>

希望对你有用