Question

在我的页面中间，我有<div>，其中包含一个列表。当我查看页面源代码时，我看到了所有代码，但用户在浏览器中实际呈现的唯一内容是“Brand”h4标题。（请注意，这实际上是动态生成的，这是示例输出）

此外，我已经在几台不同的机器上检查了几个不同的浏览器，因此我认为不是问题

有没有明显的东西我在这里为什么我的列表没有显示？

<div class="filter-group filter-group-brand">
     <h4>Brand</h4>

    <ul class="nav-brand ">
        <li class="collection-container aimpoint active ">
            <div class="collection-name">
                <a title="Narrow selection to products matching tag aimpoint"
                   href="/collections/firearm-accessories/aimpoint">
                    <i class="check-icon"></i> Aimpoint
                </a>
            </div>
        </li>
        <li class="collection-container aimshot active ">
            <div class="collection-name">
                <a title="Narrow selection to products matching tag aimshot"
                   href="/collections/firearm-accessories/aimshot">
                    <i class="check-icon"></i> Aimshot
                </a>
            </div>
        </li>
        <li class="collection-container barska-optics active ">
            <div class="collection-name">
               <a title="Narrow selection to products matching tag barska-optics"
                  href="/collections/firearm-accessories/barska-optics">
                   <i class="check-icon"></i> Barska Optics
               </a>
            </div>
        </li>
    </ul>
</div>

Answer 1

没有任何CSS，效果很好，<li>元素会出现。当出现显示错误/问题时，请始终考虑提供CSS代码

您的CSS文件中必定有错误。检查以下类别的display:none或hidden属性等：collection-name，new-brand，collection-container。

此外，您还有空<i>个标签，以防它出错。

<li>不显示</li>

1 个答案: