У меня есть следующий HTML-код
<div class="divclass">
<a id="some_random_id_which_changes_everytime" class="otherclass" title="View Site">View Site</a>
</div>
Я хочу установить отображение: none для этого элемента "View Site". Я пробовал следующие коды, но они не работали. Обратите внимание: я не хочу скрывать весь этот div, но только этот элемент A внутри него.
Код 1
.divClass [text='View Site']
{
display:none;
}
Код 2
.divClass a[text='View Site']
{
display:none;
}
Попробуйте ниже.
div.divclass a[title="View Site"]
{
display:none;
}
Кроме того, вы можете также объявить значения для a[title="View Site"]
чтобы скрыть, не сохраняя наследование div
.
Например,
a[title="View Site"]
{
display:none;
}
Если вы хотите сравнить разницу, вы можете проверить приведенную ниже демонстрационную версию.
использовать это
.otherclass
{
display:none;
}
или
.divclass a.otherclass
{
display:none;
}
Что сказал Натан, или:
div.divclass a[title="View Site"]
{
visibility:hidden;
}
Эта версия скроет то, что вам нужно, но все еще занимает место
Другой способ скрыть использование jquery...
<div class="divclass">
<a id="site" class="otherclass" title="View Site">View Site</a>
</div>
и js..
$('#site').hide();
используйте селектор "child":
<!doctype html>
<html>
<head>
<title>
Bla!
</title>
<style type='text/css'>
div.divclass >a {display:none} /* any a that is direct child of div class divclass */
</style>
</head>
<body>
<div class="divclass">
data inside div before link
<a id="some_random_id_which_changes_everytime" class="otherclass" title="View Site">View Site</a>
data inside div after link
</div>
</body>
</html>
otherclass
и CSS-селекторdivClass
в продуктивной версии?