翻譯源http://www.w3schools.com/css/css_id_class.asp
CSS Id和Class
id和class也可以用作選取器
在“CSS文法”中提到，設定樣式時，用HTML元素作為選取器，
還可以使用自訂選取器，即“id”，“class”
id選取器
給單一的,獨特的元素指定樣式時，使用id選取器。
id選取器使用HTML元素的id屬性,用“#”定義。
下面的樣式將被應用到id =“para1”的元素:
#para1
{
text-align:center;
color:red;
}
例子
<!DOCTYPE html><html><head><style>#para1{text-align:center;color:red;} </style></head><body><p id="para1">Hello World!</p><p>This paragraph is not affected by the style.</p></body></html>
注意：不要以數字開頭命名ID，Mozilla/Firefox不支援以數字開頭的ID命名方式。
class選取器
給一個組元素指定樣式時，使用class選取器。
與id選取器不同，class選取器最常用於指定多個元素的樣式。
可以使用一個class選取器，對多個HTML元素，設定一個特定的樣式。
class選取器使用HTML元素的class屬性，用“.”定義。
在下面的樣本中，所有的HTML元素使用 class="center"樣式，置中樣式:
.center {text-align:center;}
例子
<!DOCTYPE html><html><head><style>.center{text-align:center;}</style></head><body><h1 class="center">Center-aligned heading</h1><p class="center">Center-aligned paragraph.</p> </body></html>
您還可以特指只有特定的HTML元素使用該class選取器樣式。
在下面的樣本中,所有p元素class=“center”，置中方式:
p.center {text-align:center;}
例子
<!DOCTYPE html><html><head><style>.center{text-align:center;}</style></head><body><h1 class="center">Center-aligned heading</h1><p class="center">Center-aligned paragraph.</p> </body></html>
注意：不要以數字開頭命名class， 僅僅Internet Explorer支援以數字開頭的class命名方式。
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
