天天看點

id,class選擇器(CSS)一、id選擇器二、class 選擇器

CSS的id,class選擇器

  • 一、id選擇器
    • 1.簡介
    • 2.案例
  • 二、class 選擇器
    • 1.簡介
    • 2.文法
    • 3.案例

一、id選擇器

1.簡介

id 選擇器可以為标有特定 id 的 HTML 元素指定特定的樣式。

2.案例

HTML元素以id屬性來設定id選擇器,
	CSS 中 id 選擇器以 "#" 來定義。
	
	以下的樣式規則應用于元素屬性 id="para1":

	#para1
	{
	text-align:center;
	color:red;
	}

           

二、class 選擇器

1.簡介

class 選擇器用于描述一組元素的樣式,class 選擇器有别于id選擇器,class可以在多個元素中使用。

2.文法

class 選擇器在HTML中以class屬性表示, 在 CSS 中,類選擇器以一個點"."号顯示:

3.案例

p.center {text-align:center;}