選擇器將選擇HTML文件中與選擇器內容匹配的元素，並添加相應的樣式；看看代碼:
& lt！DOCTYPE html & gt
& lthtml & gt
& lthead & gt
& ltmeta charset="UTF-8 " >
& lttitle & gt& lt/title & gt；
& ltstyle & gt
/*標簽選擇器*/
跨度{
顏色:紅色；字體系列:中文行書；字體大小:36px
}
/*id選擇器*/
#第二名{
背景:黃金；
}
/*類選擇器*/
。詩歌
文本裝飾:下劃線；
}
& lt/style & gt；
& lt/head & gt；
& ltbody & gt
& ltspan & gt群山遮住了白色的太陽。
& ltspan id="second " >海洋耗盡了金色的河流。
& ltspan class= "詩歌" >但是妳把視野開闊了三百英裏。
& ltspan & gt走上壹段樓梯。
& lt/body & gt；
& lt/html & gt；
註意:在HTML中表示空格是為了把詩分開，以便看到效果；效果如下:
標簽選擇器的功能是向所有匹配選擇器的標簽添加樣式。在這裏，我們修改字體顏色，大小和書法風格。因為四個音符都是span標簽，所以都被選中修改；
id選擇器將選擇HTML文件中id標簽屬性的屬性值與id選擇器匹配的元素，並向其添加壹個樣式。為了規範格式，我們規定id屬性的屬性值不允許重復。這裏我們將背景色設置為黃色，id選擇器只匹配第二節，所以我們只給它添加壹個樣式。
類選擇器將向HTML文件中的元素添加樣式，這些元素的類標記屬性的屬性值與類選擇器匹配；這裏我們將樣式設置為下劃線；只有第三節的class屬性值匹配，所以只有它加下劃線；
後代選擇器
數據包選擇器
通配符選擇器
& lt！DOCTYPE html & gt
& lthtml & gt
& lthead & gt
& ltmeta charset="UTF-8 " >
& lttitle & gt& lt/title & gt；
& ltstyle & gt
/*後代選擇器*/
html正文跨度{
字體樣式:斜體；
}
/*組選擇器的每個標簽