Question

我有以下HTML

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

我想为此元素设置display：none＆＃34; View Site＆＃34;。我尝试了以下代码，但它们没有用。请注意我不想隐藏整个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继承。

For Instance，

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

<强> WORKING DEMO - 2

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

<强> WORKING DEMO - FOR COMPARISON BETWEEN MULTIPLE TITLES

Answer 2

使用此

.otherclass
{
display:none;
}

或

.divclass a.otherclass
{
   display:none;
}

Answer 3

内森说的话，或者：

div.divclass a[title="View Site"]
{
   visibility:hidden;
}

此版本将隐藏您需要的内容但仍占用空间

Answer 4

使用“子”选择器：

<!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>

Answer 5

隐藏使用jquery的另一种方法......

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

和js ..

$('#site').hide();

Working Example

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

5 个答案: