如何使用css在<a>标签上设置不显示？答案

【问题标题】：How to set display none on <a> tag using css?如何使用css在<a>标签上设置不显示？
【发布时间】：2012-08-10 14:58:59
【问题描述】：

我希望我的分类框只显示子分类

喜欢

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 隐藏父类别但我不明白如何在 草药产品

下隐藏 Shop by Brand 和 Concentrated Powders

<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;
    }

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

提前致谢

【问题讨论】：

1.将<ul> 和<li> 用于列表。 --- 2. 嵌套<ul>标签以创建子项。 --- 3. 不要使用&nbsp; 来缩进子项目。相反，嵌套的<ul> 会给你这个效果。 --- 查看mcli.dist.maricopa.edu/tut/tut6.html 示例
感谢您的建议，但我有此代码以及如何从此代码中隐藏 Shop by Brand 和 Concentrated Powders 下 草药产品请帮助我@Aziz
使用您的 HTML，您无法做到这一点，因为即使您隐藏了所有子菜单 <a>s，您仍然可以看到 <br> 标记，这将在您的菜单项之间产生间隙。您需要先改进您的 HTML，然后 CSS 将是小菜一碟。
好的，谢谢你的帮助...@Aziz

标签： html css html-lists zen-cart

【解决方案1】：

这是禅车吗？如果是这样，我自己创建了一个新的类别菜单，其中子猫出现在悬停时，我刚刚遇到了类似的问题。我使用了弹出类别菜单（附加模块 - http://www.zen-cart.com/downloads.php?do=file&id=1290 ），它按照 cmets 中的建议将类别 subcats 生成为嵌套 ul，这适用于 zen cart 1.5，但类似的东西可用于旧版本。如果你删除了 javascript，这个没有动画就可以正常工作，你可以轻松地隐藏你想要的元素。

我能想到的唯一方法是使用您拥有的 html 来使用一些 jquery，然后您可以选择某个元素并以这种方式隐藏它们。例如

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

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

【讨论】：