如何將CSS類轉換爲id？

這是CSS代碼...如何將CSS類轉換爲id？

.breadcrumb { 
    font-size: 10px; 
    background-color: #006600; 
    padding: 0px 2px 2px 2px; 
    text-align: center; 
    color: #FFFFFF; 
} 

.breadcrumb a { 
    color: #FFFFFF; 
    text-decoration: none; 
} 

.breadcrumb a:visited, .breadcrumb a:active { 
    color: #FFFFFF; 
} 

.breadcrumb a:hover { 
    text-decoration: underline; 
}

，這是我使用的顯示麪包屑的代碼...

<p class="breadcrumb">Breadcrumb PHP code goes here</p>

我想要的CSS代碼進行修改，這樣我可以用id代替class，如：

<p id="breadcrumb">Breadcrumb PHP code goes here</p>

有人可以幫忙嗎？

來源

2011-09-02 Aahan

將您的CSS中的.更改爲#。

話雖如此，如果您要使用id選擇器，那麼您應該確保在任何給定的時間在您的頁面上只會有一個p的單個實例。

來源

2011-09-02 02:53:56

你的意思是我應該只使用'

@Aahan：對.. –

所有你需要做的就是改變'。'至 '＃'。就像@Demian Brecht說的那樣，你應該確保你的頁面上只有一個id =「breadcrumb」的元素。除非你確定只有其中之一，否則你可能會更好地堅持上課。

CSS類選擇器對頁面性能沒有太大的影響。我通常只使用ID作爲佈局元素，然後嘗試將所有其他選擇器保留爲類。當你想重複使用多個元素的樣式時，它會有所幫助。然而，ID的確會爲腳本提升性能，但如果你在有ID的標籤的上下文中搜索類，性能仍然非常好。

下面介紹如何修改它。

#breadcrumb { 
    font-size: 10px; 
    background-color: #006600; 
    padding: 0px 2px 2px 2px; 
    text-align: center; 
    color: #FFFFFF; 
} 

#breadcrumb a { 
    color: #FFFFFF; 
    text-decoration: none; 
} 

#breadcrumb a:visited, #breadcrumb a:active { 
    color: #FFFFFF; 
} 

#breadcrumb a:hover { 
    text-decoration: underline; 
}

來源

2011-09-02 03:13:17

非常感謝您的澄清。 – Aahan

如何將CSS類轉換爲id？

回答

相關問題