css empty pseudo class not working with dynamic update in Safari

Here is the example

table:empty {
    display: none;
}

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

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

When dynamic updating content with :empty pseudo class Safari not working.

Works in Chrome, but not in Safari.

Any ideas?

Answers


Need Your Help

Stripe Connect with node.js and oauth

oauth-2.0 stripe-payments

I am trying to send the proper request to Stripe to process my connect tokens, and I can't get it right.

Differences between .NET 4 WPF Datagrid and WPF Toolkit Datagrid

c# .net wpf vb.net datagrid

Can anyone tell me what are the differences between the WPF Datagrid included in the .NET Framework 4.0 versus the Datagrid included in the out-of-band WPF Toolkit? I understand that the toolkit v...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.