2015-05-14 42 views
1

之前我在頁面上有多個H3標題。我想在頁面上顯示的每個H3除了第一H3前的黑線,我已經實現了以下規則:如何隱藏h3的第一項:在

#Webappcontent_2346 > h3:before { 
margin: 0 auto; 
content: ""; 
width: 98%; 
height: 1px; 
border: none; 
background: #000; 
display: inline-block; 
} 

此規則顯示每個H3前的黑線,但我不知道哪條規則我能用於在第一個h3之前隱藏該行。

任何想法?

+0

,你希望是什麼瀏覽器這個工作呢? – Andrew

+0

我針對所有主流瀏覽器。順便說一句,n型(1):之前也工作過。感謝您的回覆。出於某種原因,我在這裏發佈我的問題後找到了我的問題的答案:) –

回答

2

你必須使用:

#Webappcontent_2346 > h3:not(:first-child) { 
    margin: 0 auto; 
    content: ""; 
    width: 98%; 
    height: 1px; 
    border: none; 
    background: #000; 
    display: inline-block; 
} 
1

你可以試試這個:

h3:not(:first-child) 
0

嘗試首個類型選擇

h3:not(:first-of-type) 
0

下面的演示:

h1:not(:first-child){ 
 
    color:red; 
 
}
<div class="abc"> 
 
     <h1>Hello</h1> 
 
     <h1>Hello</h1> 
 
     <h1>Hello</h1> 
 
     <h1>Hello</h1> 
 
     <h1>Hello</h1> 
 
</div>

相關問題