Question

我在wordpress主题的页脚文件中有这个。

<div class="footer">
<!-- If you'd like to support WordPress, having the "powered by" link somewhere on your blog is the best way; it's our only promotion or advertising. -->

    <div id="icons">
    <ul>
    <li><a href="#">Wordpress</a></li>
    </ul>
    </div>

    <p>
    <?php wp_tag_cloud( 'separator= | ' ); ?> 
    </p>
</div>

我想应用这个CSS，它位于我的CSS文件的末尾：

#icons ul li a{
    visibility:hidden !important;
}

我已经尝试了上述CSS / HTML的十几种变体，我似乎无法在div＃icons中选择li元素中的链接。

我尝试过我所知道的每一招！

Answer 1

要尝试的一件事是将CSS选择器移到CSS文件的顶部，它可能会被上面的另一个规则覆盖。

我使用该代码创建了一个页面，并且wordpress链接没有显示（但子弹确实如此），所以您拥有的CSS确实选择了链接并隐藏它。这就是为什么我认为另一种更具体的风格可能会接管。

如果这不起作用，请尝试制作选择器.footer #icons ul li a。看看是否有效。

Answer 2

简单的解决方案。在问题的样式规则之前，我使用了html注释而不是CSS注释。由于这些是最后一次申请，我没有注意到任何事情都被打破了。

Answer 3

<a>没有可见性属性

w3schools

尝试使用<div>

包装超链接

CSS优先级似乎不起作用

3 个答案: