html - 如何在 DIV 中隐藏特定的 A 元素

Question

我有以下 HTML

<div class="divclass">
   <a id="some_random_id_which_changes_everytime" class="otherclass" title="View Site">View Site</a>
</div>

我想为“View Site”这个元素设置 display:none。我尝试了以下代码，但它们没有用。请注意，我不想隐藏整个 div，而只想隐藏其中的这个特定 A 元素。

代码 1

.divClass [text='View Site']
{
   display:none;
}

代码 2

.divClass a[text='View Site']
{
   display:none;
}

Answer 1

试试下面的方法。

div.divclass a[title="View Site"]
{
   display:none;
}

WORKING DEMO

或者，您也可以为 a[title="View Site"] 声明值以隐藏而不保留 div 继承。

例如，

a[title="View Site"]
{
   display:none;
}

WORKING DEMO - 2

如果你想比较差异，你可以查看下面的演示。

WORKING DEMO - FOR COMPARISON BETWEEN MULTIPLE TITLES