2017-04-30 44 views
0

我沒有訪問HTML代碼,我只需要隱藏利用在同一地點重複的CSS股利。我需要隱藏使用CSS股利是在重複一個div

下面是HTML代碼,我需要藏含類 「術語」

<div class="main"> 
 
\t <div> 
 
\t \t <div class="term">some text</div> 
 
\t \t <div class="term">some text</div> 
 
\t \t <div class="term">some text</div> 
 
\t \t <div class="taxonomy">some text</div> 
 
\t </div> 
 
</div>

+1

你需要隱藏所有類的DIV如果有重複,或顯示一個,並隱藏其餘的? – Hollings

+0

顯示1和隱藏其餘 –

回答

2

.term { 
 
    display: none; 
 
} 
 

 
.main > div > div:first-of-type { 
 
    display: block; 
 
}
<div class="main"> 
 
    <div> 
 
    <div class="term">some text 1</div> 
 
    <div class="term">some text 2</div> 
 
    <div class="term">some text 3</div> 
 
    <div class="taxonomy">some text 4</div> 
 
    </div> 
 
</div>

+0

但它顯示空白空間時,它隱藏其他的div –

+0

它不應該表現出的空間, –

+0

OK,給我秒 – mayersdesign