CSS是Cascading Style Sheets的簡(jiǎn)稱,可以讓我們更好地控制HTML文檔的樣式。在CSS中,有三種常見(jiàn)的選擇器,分別是:規(guī)則、類和ID。
規(guī)則選擇器適用于頁(yè)面中的所有標(biāo)簽,類選擇器適用于擁有相同類名的標(biāo)簽,而ID選擇器適用于擁有唯一ID的標(biāo)簽。
/* 規(guī)則選擇器 */ p { font-size: 16px; color: #333; } /* 類選擇器 */ .intro { font-weight: bold; } /* ID選擇器 */ #title { font-size: 24px; color: blue; }
上述代碼展示了如何使用規(guī)則、類和ID選擇器來(lái)控制文本的樣式。以規(guī)則選擇器為例,我們可以看到將所有p標(biāo)簽的字體大小設(shè)為了16像素,顏色設(shè)為了#333。
類選擇器的例子中,我們可以看到.intro類的標(biāo)簽字體加粗了,其他同樣類名的標(biāo)簽也會(huì)受到影響。
最后是ID選擇器,我們可以看到將id為title的標(biāo)簽的字體大小設(shè)為了24像素,顏色為藍(lán)色。因?yàn)镮D選擇器只能用一次,所以該規(guī)則只適用于該標(biāo)簽。
在編寫(xiě)CSS樣式時(shí),我們可以使用這三種選擇器來(lái)達(dá)到我們想要的樣式效果,靈活使用它們可以讓頁(yè)面更具有設(shè)計(jì)感和美觀程度。