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

  

否定CSS伪类，不是（X），是一种功能符号   以简单的选择器X为参数。它匹配一个元素   没有参数表示。 X不得包含另一个   否定选择器，或任何伪元素。

     

非伪类的特异性是其特异性   论点。 ：not pseudo-class不会添加到选择器   特殊性，与其他伪类不同。

Answer 2

你错过了：悬停：）

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