2014-09-25 31 views
0

在我的HTML頁面有型的<p> 2 -
分配以CSS只將P不特定p.class

  • 一個是<p class="header"> for some Paragraph in header</p>
  • 和其他人都只是<p>Containing some text </p>

我想要一個color爲唯一的p(應該是一些#xxxxx)和p.header它應該是默認顏色。

這裏是我的CSS:

p { 
    margin-bottom:18px; 
    line-height:180%; 
    color:#xxxxx; 
} 

我要的是,這個CSS應該不會被應用到p.header和它應該使用瀏覽器的默認樣式。有沒有辦法只選擇p不在p.header? 像

 p:not("p.header"){ 
      margin-bottom:18px; 
      line-height:180%; 
      color:#xxxxx; 
     } 

我們能否也用樣,p:not(.header, .sub-title){}

+0

我們現在可以使用JavaScript? – 2014-09-25 07:09:55

+0

@JohnroePauloCañamaque:是的,也許這可能是最後一個選項。我期望在CSS中。 – trex 2014-09-25 07:11:45

+0

https://developer.mozilla.org/en-US/docs/Web/CSS/:not檢查這一點。 – 2014-09-25 07:13:25

回答

2
p:not(.header) { 
      margin-bottom:18px; 
      line-height:180%; 
      color:red; 
} 

只是刪除了引號和p

小提琴here

+0

我們是否也可以使用'p:not(.header,.sub-title)'? – trex 2014-09-25 07:25:34

+1

不,你可以做的是用另一個僞類/元素分開它。見http://jsfiddle.net/8fbx5b2r/1/ – 2014-09-25 07:27:57

+1

好的,謝謝你的回答! – trex 2014-09-25 07:29:19

1
p:not(.header) { 


your properties 
} 

應該工作...

相關問題