如何隐藏特定的内部DIV

A元素，我有以下HTML如何隐藏特定的内部DIV

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

我想设置显示：没有此元素的“查看网站”。我尝试了下面的代码，但他们没有工作。请注意，我不想隐藏这整个div，但它只是这个特定的A元素。

代码1

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

代码2

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

来源

2013-12-17 Frank Martin

你真的在生产版本中使用'otherclass'类和CSS选择器'divClass'吗？ –

尝试下方。

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

来源

2013-12-17 12:22:30 Nitesh

这不起作用。只是为了测试我用div.divclass {display：none; }它会隐藏整个div，但是当我写一个[title =“View Site”]时，它不起作用。 –

它的确如此。检查这个小提琴。 http://jsfiddle.net/39XLT/1/ - @FrankMartin – Nitesh

使用本

.otherclass 
{ 
display:none; 
}

或

.divclass a.otherclass 
{ 
    display:none; 
}

来源

2013-12-17 12:24:15 radha

森说什么，或者：

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

这个版本可以隐藏你所需要的，但仍然占用空间

来源

2013-12-17 12:24:40 man

使用 “儿童” 选择：

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

来源

2013-12-17 12:26:26

另一种方式来隐藏使用jQuery ...

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

和js。。

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

Working Example

来源

2013-12-17 12:32:24

如何隐藏特定的内部DIV

回答

相关问题