css選擇器作用

基本選擇器

首先來說一下，什麼是選擇器。在一個HTML頁面中會有很多很多的元素，不同的元素可能會有不同的樣式，某些元素又需要設定相同的樣式，選擇器就是用來從HTML頁面中查詢特定元素的，找到元素之後就可以為它們設定樣式了。 選擇器為樣式規則指定一個作用範圍。

基礎選擇器包括：

• 標籤選擇器
• 類選擇器
• ID選擇器
• 通用選擇器

標籤選擇器

顧名思義就是通過標籤名來選擇元素：

可以選中所有的標籤元素，比如div,ul,li,p等
不管標籤藏的多深，都能選中
選中的是所有的，而不是某一個，所以說'共性'而不是'特性' 

例項：

p {
  color: red;
}

ID選擇器

通過元素的ID值選擇元素：

同一個頁面id不能重複
任何標籤都可以設定id
id命名規範 以字元 數字 下劃線 大小寫 嚴格區分 aa和AA

示例：

#i1 {
  color: red;
}

類選擇器

通過樣式類選擇元素：

1.所謂類  就是class .class與id非常相似 任何標籤都可以
加類 但是類可以重複 歸類

2.同一個標籤中可以攜帶多個類 用空格隔開

示例：

.c1 {
  color: red;
}

注意：

1.不要去檢視用一個類將我們的頁面寫完，這個標籤要
多攜帶幾個類，共同設定

2.每個類要儘可能的小，有公共的概念，能讓更多的標籤取用

通用選擇器

使用*選擇所有元素：

* {
  color: black;
}