Приоритеты CSS не работают

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, и мне кажется, что я не могу выбрать ссылки в элементах li в значках div #.

Я перепробовал каждый трюк, который я знаю!

Answer 1

<a> не имеет свойства видимости

в школах

попробуйте обернуть вашу гиперссылку <div>

Answer 2

Простое решение. Я использовал html-комментарии вместо CSS-комментариев до того, как стиль правил с проблемой. Поскольку они применялись последними, я не заметил, что что-то сломалось.

Answer 3

Одна вещь, которую нужно попробовать, это переместить этот селектор CSS в начало вашего CSS-файла, он может быть переопределен другим правилом над ним.

Я создал страницу, используя только этот код, и ссылка WordPress не отображается (но маркер), поэтому CSS-код выбирает ссылку и скрывает ее.Вот почему я думаю, что другой более специфический стиль мог бы вступить во владение.

Если это не сработает, попробуйте сделать селектор .footer #icons ul li a.И посмотри, работает ли это.