2012-04-01 203 views
2

我想知道一件簡單的事情:我應該使用哪一個? (性能)

當設置一個由其所有孩子繼承的風格時,建議最具體嗎?

結構: HTML>身體> parent_content>包裝>點

我想一個樣式應用到p但尊重這些:

  • 我不在乎有parent_contentwrapper風格
  • 我會照顧改變htmlbody風格(或全部p

那我該用什麼?

#parent_content{ 
    color:#555; 
} 

#parent_content p{ 
    color:#555; 
} 

#wrapper{ 
    color:#555; 
} 

#wrapper p{ 
    color:#555; 
} 

/*...etc...*/ 

此外,關於一些這方面的教程的鏈接將是巨大的

+0

我認爲這取決於需求。如果你的'parent_content'有許多段落,並且它們都具有不同的屬性,如顏色,字體大小和所有,那麼你必須爲'parent_content p'賦予樣式,否則將樣式賦給'parent_content'可以很好。 – NewUser 2012-04-01 05:34:09

+0

將常用風格(這裏是顏色)應用於'body',你就完成了。這也是一種可訪問性要求,可以將顏色和背景顏色放在'body'上,所以不需要在這裏爲'p'編寫完全相同的東西。 – FelipeAls 2012-04-01 08:02:37

回答

1

特異性的事情,給一個ID,p和使用

#paragraphid {} 

但答案取決於什麼實際上你的需要。我會打破你的代碼

#parent_content{ 
    color:#555; 
} 

將應用彩色文本內部,可能是其子女裏面還有

#parent_content p{ 
    color:#555; 
} 

將應用顏色到所有p內#parent_content及其子

#wrapper{ 
    color:#555; 
} 

將顏色應用於其內部的所有文字及其子女

+0

可以說我有大量的'p',並且給出ID是不可能的。什麼是最好的方式去?而不是我不喜歡你的解釋,但我已經知道每一行的確切內容,我不知道每行的表現。 – Yim 2012-04-01 05:29:23

+0

@Yim,絕對是'#parent_content p {}' – Starx 2012-04-01 05:30:19

+0

但爲什麼,'#wrapper p'更具體,你說特殊性不好?好?請讓我解釋一下:D – Yim 2012-04-01 06:23:02