CSS的三種選擇器
阿新 • • 發佈：2018-12-23
標籤選擇器
標籤選擇器其實就是html程式碼中的標籤。如右側程式碼編輯器中的<html>、<body>、<h1>、<p>、<img>。例如下面程式碼：
p{font-size:12px;line-height:1.6em;}
上面的css樣式程式碼的作用：為p標籤設定12px字號，行間距設定1.6em的樣式。
類選擇器
類選擇器在css樣式編碼中是最常用到的，如右側程式碼編輯器中的程式碼:可以實現為“膽小如鼠”、“勇氣”字型設定為紅色。
語法：
.類選器名稱{css樣式程式碼;}
注意：
1、英文圓點開頭
2、其中類選器名稱可以任意起名（但不要起中文噢）
使用方法：
第一步：使用合適的標籤把要修飾的內容標記起來，如下：
<span>膽小如鼠</span>
第二步：使用class="類選擇器名稱"為標籤設定一個類，如下：
<span class="stress">膽小如鼠</span>
第三步：設定類選器css樣式，如下：
.stress{color:red;}/*類前面要加入一個英文圓點*/
ID選擇器
在很多方面，ID選擇器都類似於類選擇符，但也有一些重要的區別：
1、為標籤設定id="ID名稱"，而不是class="類名稱"。
2、ID選擇符的前面是井號（#）號，而不是英文圓點（.）。
右側程式碼編輯器中就是一個ID選擇符的完整例項。