本篇文章就給大家介紹關於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時有所協助。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
