本篇文章就給大家介紹關于css類選擇器id和class的用法和區別。希望通過對id和class通俗易懂點的描述對大家有所幫助。
一、css類選擇器id代碼使用示例如下：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style> #p1 { text-align:center; color:red; } </style></head><body><p id="p1">css定義id選擇器示例</p><p>這一段文字就不會受影響。</p></body></html>效果如下圖：
二、css類選擇器class代碼使用示例如下：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style> .p1 { text-align:center; color: #3262ff; } </style></head><body><p class="p1">css定義class選擇器示例</p><p>這一段文字就不會受影響。</p></body></html>效果如下圖：
三、id和class結合使用就是上述兩種方法結合在一起即可。
這里需要注意的是：
ID加前綴"#"；id一個頁面只可以使用一次；
id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。
CLASS用"." class可以多次引用。
class 選擇器用于描述一組元素的樣式，class 選擇器有別于id選擇器，class可以在多個元素中使用。
那么通過本篇文章關于css .class#id這兩個選擇器的介紹，希望對新手在糾結用class還是id時有所幫助。
以上就是html元素如何確定使用id還是class選擇器？（示例）的詳細內容，更多請關注 其它相關文章！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
新聞熱點
疑難解答
