html - 显示 : hidden CSS not working

Question

我试图在页面加载时隐藏部分列表。
特别是我的 HTML 的 sdt_wrap 类。
我知道 display:hidden 在正确的位置，它只是没有接受隐藏值

这是 CSS:

ul.sdt_menu li span.sdt_wrap{
    position:absolute;
    top:25px;
    left:50px;
    width:170px;
    height:150px;
    z-index:501;
    display: hidden;
}

Answer 1

hidden 不是 display 的有效值。您正在寻找 none，如:

ul.sdt_menu li span.sdt_wrap{
    display:none;
}

文档

MDN 上的

CSS 显示 - https://developer.mozilla.org/en/CSS/display