CSS:如何在悬停时不显示

Question

我有

.table_header:nth-of-type(5) {display: none;}

但是，当我将鼠标悬停在页面上的 .table_header 上时，会显示“nth-of-type(5)”。我需要做什么才能使它即使在我悬停时也不会。提前致谢。

Answer 1

Demo Fiddle

为什么不用:not?

.table_header:nth-of-type(5):not(:hover) {display: none;}

From MDN

The negation CSS pseudo-class, :not(X), is a functional notation taking a simple selector X as an argument. It matches an element that is not represented by the argument. X must not contain another negation selector, or any pseudo-elements.

The specificity of the :not pseudo-class is the specificity of its argument. The :not pseudo-class does not add to the selector specificity, unlike other pseudo-classes.