Скрыть href с помощью css

У меня есть пункт меню, который мне нужно скрыть. Не логично проходить через все файлы и удалять их, поэтому я искал способ скрыть его с помощью CSS. Вот код, который у меня есть:Скрыть href с помощью css

<li> 
    <a tabindex="-1" href="index.php?option=com_eshop&view=countries"> 
     <span class="icon-flag"></span> 
     Countries 
    </a> 
</li>

Я нашел несколько возможных решений, но ничего не работает. Вот один, который должен работать, но я должен делать что-то не так:

a[href="index.php?option=com_eshop&view=countries"]{ display:none; }

источник

2015-02-19 Kevin Morrison

почему вы не используете классы css, т.е. тег, который ссылается на класс, а затем использовать '' display: none'''? – dgilperez

это работает для меня !! –

селектора атрибута должен работы, учитывая HTML вы предоставили. См. this example.

Существует несколько причин, по которым он может не работать. Здесь возможны два варианта:

Селектор перезапись другим переключателем с higher specificity. Если это так, вы можете повысить специфичность вашего селектора, добавив селектор родительских элементов в селектор. Поскольку это выпадающее меню, скорее всего, есть более специфический селектор, устанавливающий что-то вроде display: block.
Это также возможно, что это не значение href на вашем сайте. Если это так, вы можете попробовать использовать селектор атрибутов [attr*=value]. Это выберет все элементы, которые содержат экземпляров этой строки значений.
```
a[href*="index.php?option=com_eshop&view=countries"] { 
    display:none; 
} 
```

источник

2015-02-19 02:31:59

Используйте п-й ребенок (номер элемента) CSS свойство и скрыть его, потому что вы хотите, чтобы скрыть Ли, потому что если вы только скрыть ссылку, то там может быть пробелы в связи с литий

источник

2015-02-19 07:14:14 Aslam

Скрыть href с помощью css

ответ

Смежные вопросы