2013-07-16 24 views
2

使用選擇器時,我們如何忽略第一個元素,然後影響該選擇器中的所有其餘元素?我怎麼能忽略第一段,但影響所有其他的CSS?

例如:

<p>Users said:</p> 
<p>Hey Ya!</p> 
<p>Hey Ya 2!</p> 
<p>Hey Ya 3..!</p> 

現在我想忽略第一個說Users said:,並影響所有其他<p>秒。我看了一下:gt選擇器,但它沒有幫助。 :gt還有其他方法可以替代嗎?

在此先感謝。

+3

「我看看':gt'選擇器,但它沒有幫助。」你確定你正在尋找一個CSS選擇器嗎?因爲這不是一個CSS選擇器。 – BoltClock

回答

7
p:not(:first-child) { 
    background-color: #FF0000; 
} 

注意,這僅適用於CSS3


,如果你有一箇舊的瀏覽器,你應該做這樣的事情

p { 
    background-color: #FF0000; 
} 
p:first-child { 
    background-color: transparent; 
} 

你basicly需要還原你的,你所做的更改對於第一個元素

+2

具體而言,IE 8及更早版本,Safari 1.2及更早版本,Opera 9及更早版本不支持[':not()'](http://www.browsersupport.net/CSS/%3Anot%28%29 )。 –

+0

如果你正在處理舊的瀏覽器,你可以隨時定位所有的p標籤,然後設置:first-child默認爲 – Huangism

+0

補充信息:http://caniuse.com/#search=%3Anot%28%29 –