如何隱藏特定的內部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

回答

相關問題