如何<a>使用CSS</a>在<a>标签上</a>不显示任何内容<a>？</a>

Question

我希望我的类别框仅显示子类别

喜欢

main category
subcategory 1
    subcategory 1_1
    subcategory 1_2
    subcategory 1_3
subcategory 2
    subcategory 2_1
    subcategory 2_2
subcategory 3
subcategory 4

我想这样显示

subcategory 1
subcategory 2
subcategory 3
subcategory 4

这是我的HTML代码，我使用CSS隐藏父类别，但我不知道如何隐藏“ 草本产品”下的“ 品牌和浓缩粉 ” 商店

<div class="sideBoxContent" id="categoriesContent">
       <a href="index.php?main_page=index&amp;cPath=2" class="category-top">
             <span class="category-subs-parent">Product</span>
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_4" class="category-subs">&nbsp;&nbsp;Accupuncher Niddels 
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_7" class="category-subs">
            <span class="category-subs-parent">&nbsp;&nbsp;Herbal Products</span>
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_7_9" class="category-products">&nbsp;&nbsp;&nbsp;&nbsp;Concentrated Powders
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_7_8" class="category-products">&nbsp;&nbsp;&nbsp;&nbsp;Shop by Brand
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_10" class="category-products">&nbsp;&nbsp;Magnets, Pellets &amp; Tapes
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_3" class="category-products">&nbsp;&nbsp;New Arrival
       </a>
       <br>
<hr id="catBoxDivider">
</div>

我的CSS像这样

A.category-subs, A.category-subs:visited {

    color: #FF0000;

    text-decoration: none;

    }

    A.category-products, A.category-products:visited
    {
        display: none;
    }

但是我没有得到正确的输出，因为它隐藏了所有类别产品，并且我希望它仅隐藏如我上面提到的两个

提前致谢

Answer 1

这是禅车吗？ 如果是这样，我自己经历了一个类似的问题，便创建了一个新的类别菜单，其中子猫出现在悬停菜单上。 我用弹出类别菜单（附加模块- http://www.zen-cart.com/downloads.php?do=file&id=1290 ）根据意见提出，其产生的类别subcats作为嵌套UL，这是禅购物车1.5，但旧版本也有类似的功能。 如果删除javascript，则该脚本无需动画即可正常工作，并且您可以轻松隐藏所需的元素。

我可以想到的使用HTML的唯一方法是使用一些jquery，然后可以选择某个元素并将其隐藏。 例如

$("#categoriesContent a:nth-child(4)").css('display','none');

隐藏浓缩粉。 但这显然会出错，如果您添加类别，则会更改元素的索引。 我想您可以通过使用.each（）遍历a元素来解决这个问题，并使用a.link（.html）的链接获取其内容以将其与特定字符串进行比较，例如“浓缩粉”，但这会得到复杂，更改html会容易得多。 简而言之，我认为您需要重新考虑您的方法，并检查高级类别mod或编辑当前的categoies模板文件，您可以在include / templates / default_template / sideboxes / tpl_categories.php中找到该模板文件，并将其复制到模板目录并进行编辑-询问另一个问您是否需要帮助。