若希望為某個HTML元素設定CSS樣式，需要在樣式中設定id和class選擇器

一、id選擇器

id選擇器可以為標有特定id的元素設定樣式，HTML中用id屬性來為元素設定id，CSS中使用“#”來設定選擇器

#para1 {
    text-align:center;
    color:red;
}

注：一個ID名稱必須在檔案中是唯一的。關於重複ID的行為是不可預測的，比如在一些瀏覽器只是第一個例項計算，其餘的將被忽略。

二、class選擇器

class選擇器可以為標有特定class名的一類元素設定樣式，HTMl中使用class屬性來設定class，CSS中使用“.”來設定選擇器。

.center {
    text-align:center;
}

注：類名是在HTML class文件元素屬性中沒有空格的任何值。由你自己選擇一個名字。同樣值得一提的是，文件中的多個元素可以具有相同的類名，而單個元素可以有多個類名(以空格分開多個類名的形式書寫)。

三、派生選擇器

依據元素在其位置的上下文關係來定義樣式，使標記更簡潔。

li strong{
   font-style:italic;
   font-weight: normal;
}

四、屬性選擇器

為帶有指定屬性的HTML元素設定樣式

[title]{
    color: red;
}

五、使用方法

* //為所有元素制定樣式，由於效率原因基本不會使用
p //為所有p標籤設定樣式
p, div //為所有p，div標籤設定樣式
div p //為所有div標籤內的p標籤設定樣式
div>p //為所有父元素為div標籤的p標籤設定樣式
[target] //為所有包含target的元素設定樣式
[target=test] //為所有target屬性為“test”的元素設定樣式
[target~=test] //為所有target屬性值中包含“test”單詞的元素設定樣式

注：不要在id以及class名的首位使用數字，可能會在Firefox瀏覽器上出現相容性問題