在CSS中,有三類選擇器是非常常用的。這三類選擇器分別是:標(biāo)簽選擇器、類選擇器以及ID選擇器。
首先,標(biāo)簽選擇器是最基礎(chǔ)的選擇器。它的作用是選擇指定類型的HTML標(biāo)簽,并對(duì)其應(yīng)用相應(yīng)的CSS樣式。比如下面的代碼就是使用標(biāo)簽選擇器來設(shè)置所有段落的顏色為紅色:
p { color: red; }
其次,類選擇器則是采用class屬性來定義的選擇器。在HTML中,我們可以給某個(gè)元素添加一個(gè)class屬性,然后在CSS中使用".類名"的方式來選擇該元素。下面是一個(gè)類選擇器的例子:
.text-red { color: red; }
在這個(gè)例子中,我們定義了一個(gè)名為"text-red"的類名,并設(shè)置該類對(duì)應(yīng)的文本顏色為紅色。在HTML中,我們可以為需要應(yīng)用該樣式的元素添加class屬性,如下所示:
<p class="text-red">請(qǐng)注意這里的文本顏色</p>
最后,ID選擇器則是采用id屬性來定義的選擇器。在HTML中,我們可以為某個(gè)元素添加一個(gè)唯一的id屬性,并在CSS中使用"#id名"來選擇該元素。這里是一個(gè)ID選擇器的例子:
#main-title { font-size: 24px; }
在這個(gè)例子中,我們定義了一個(gè)id為"main-title"的元素,然后設(shè)置該元素對(duì)應(yīng)的字體大小為24像素。在HTML中,我們可以使用"<h1 id="main-title">"的方式來定義一個(gè)標(biāo)題,并讓它應(yīng)用該樣式。
下一篇css中三種基本顏色