2013-02-17 76 views
2


我知道id選擇器用於指定單個元素的樣式。我的問題是,如果我有一個項目,它有多個PHP文件,這些PHP文件可以包含具有相同ID的元素?
這裏是例如:
php文件1:在多個PHP文件中使用相同的HTML id屬性

... 
<body> 
<h1 id="test">header1</h1> 
</body> 
... 

php文件2:

... 
<body> 
<h3 id="test">header3</h3> 
</body> 
... 

CSS文件:

#test 
{ 
color:red; 
} 

這種用法是正確的或不?

回答

3

如果它們全都呈現在瀏覽器中的相同HTML頁面中,則不正確,因爲ID在單個頁面上應該是唯一的。如果只有一個被渲染,那麼它將是一個好的。

如果您希望您的網頁驗證爲XHTML或HTML,那麼您的網頁上應該有唯一的ID。

1

是的,這是正確的。事實上,這是一個好主意。如果你這樣做,你可以在兩個頁面上使用相同的樣式表。只要你不合並文件,這是一個好主意。

1

你在做什麼很好,但它看起來像班級更適合你正在做的事情。您通常使用ID來指定特定頁面和類上的特定元素,以將樣式應用於相同或不同頁面上的不同元素。

在多個頁面上使用相同的ID會起作用,但是使用imo類更合適。

+0

」在多個頁面上使用相同的ID將起作用,但是imo類更適合使用。「但爲什麼?如果它在所有頁面上都是一樣的話會怎麼樣? – BoltClock 2013-02-17 15:07:52

+0

ID僅適用於一個元素,如果您打算將其應用於多個元素,則該類是指該元素。請參閱http://stackoverflow.com/questions/298607/css-best-practice-about-id-and-class – 2013-02-17 16:57:01

+0

ID僅適用於每頁*一個元素*。沒有規定禁止您在多個頁面中使用相同的ID,前提是您將其保留在每個頁面上的相同元素上。 – BoltClock 2013-02-17 16:57:47

1

對於每個(HTML)文檔中的每個元素,id應該是唯一的。

因此,除非將PHP文件的輸出組合到單個HTML文件中,否則沒有問題。在頁面1中,您的一個h1標題將爲紅色,在第2頁中您將會讀取一個h3標題等。

個人而言,我更喜歡CSS類的外觀和函數的DOM ID,但它們可以混合使用。 「

相關問題