li元素的display:none属性不起作用。

使用其他的CSS属性或技巧来隐藏li元素。可以尝试以下几种方法：

1. 使用visibility: hidden属性代替display: none。这样会隐藏元素，但仍然保留其占据的空间，这可能会影响布局。

2. 使用position: absolute和left: -9999px属性来隐藏li元素。这样会将元素定位到屏幕外的位置，但仍然将其保留在DOM中。

3. 使用JavaScript来动态地添加或移除li元素，从而实现显示或隐藏的效果。例如，在li元素上添加class属性，并使用JavaScript来切换该属性，使其显示或隐藏。

示例代码：

1. 使用visibility属性隐藏li元素：

li { visibility: hidden; }

2. 使用position和left属性隐藏li元素：

li { position: absolute; left: -9999px; }

3. 使用JavaScript动态切换li元素的class属性：

HTML:

<li class="hidden">...</li>

CSS:

.hidden { display: none; }

JavaScript:

var li = document.querySelector('li'); li.classList.toggle('hidden');