CSS常用選擇符

CSS常用選擇符

1. 標籤選擇符：標籤名稱

• 直接以html標籤的標籤名作爲選擇符對象
• h1{font-size:20px;}
• 主要用於對網頁文檔中的基礎標籤進行統一的標準化設定

2. id選擇符：#id名

• 以html標籤的唯一標識符id屬性的值作爲對象

HTML部分	CSS部分
給標籤添加id屬性	用#號+id值作爲選擇符對象
<h1 id="newstitle">...</h1>	#newstitle{...}

• html語言中：id屬性是html標籤的通用屬性，但id值的命名是唯一的，不允許重複。
• css語言中：#代表後面的名稱是id值，id選擇符主要用於針對具有唯一性的html對象。

3. class類選擇符：.class名

• 將一組css樣式歸納成一個類，作爲css應用的對象

HTML部分	CSS部分
給標籤添加class屬性	用 .號+class名作爲 選擇符對象
<h1 class="red-text">...</h1>	.red-text{...}

• html語言中：class屬性是html標籤的通用屬性，可以定義多個類，類名之間用空格分隔。
• css語言中：class選擇符主要用於需要調用相同css樣式的多個html對象。

4. 優先級選擇關係：

                                  id選擇符 > class選擇符 > 標籤選擇符

5. id和class的命名規則：

• id屬性和class屬性的值命名都爲自定義
• 不允許用數字開頭，不允許使用特殊字符
• 命名最好具有語義化，可使用-或者_來連接詞組