天天看點

什麼是選擇器

什麼是選擇器?

每一條css樣式聲明(定義)由兩部分組成,形式如下:

選擇器{

    樣式;

}

在{}之前的部分就是“選擇器”,“選擇器”指明了{}中的“樣式”的作用對象,也就是“樣式”作用于網頁中的哪些元素。比如右側代碼編輯器中第7行代碼中的“body”就是選擇器。

類選擇器

類選擇器在css樣式編碼中是最常用到的,如右側代碼編輯器中的代碼:可以實作為“膽小如鼠”、“勇氣”字型設定為紅色。

文法:

.類選器名稱{css樣式代碼;}

注意:

1、英文圓點開頭

2、其中類選器名稱可以任意起名(但不要起中文噢)

使用方法:

第一步:使用合适的标簽把要修飾的内容标記起來,如下:

<span>膽小如鼠</span>

第二步:使用class="類選擇器名稱"為标簽設定一個類,如下:

<span class="stress">膽小如鼠</span>

第三步:設定類選器css樣式,如下: