相關內容：

css選擇器的用法：

• 選擇器的語法
• 標簽選擇器
• 類選擇器
• id選擇器
• 選擇器的分組
• 嵌套選擇
• 屬性選擇器
• 子標簽選擇器
• 相鄰兄弟選擇器

參考資料：w3school

首發時間：2018-03-02 23:54

css選擇器的用法：

• css選擇器的語法：css選擇器的定義有兩部分組成，一個是選擇器，一個是樣式定義

• 標簽選擇器（直接根據標簽來選擇）：

h1 {color:red; font-size:14px;}
p { color: #ff0000; }
body {
  color: #000;
  background: #fff;
  margin: 0;
 

  padding: 0;
  font-family: Georgia, Palatino, serif;
  }

• 類選擇器：
• 在 CSS 中，類選擇器以一個點號代表
• 
• 可以在標簽選擇的基礎上根據它們的類而選擇：
• 把兩個類選擇器鏈接在一起，僅可以選擇同時包含這些類名的元素，比如.important.warning {background:silver;} 只會選擇class="important warning"的標簽

• id選擇器【根據標簽的id來篩選出指定的標簽來添加特定的樣式】:
• id 選擇器以 "#" 來定義。
• 
• 可以在選擇標簽的基礎上根據它們的id而選擇：
  

• 選擇器的分組 【同時給多種標簽加樣式，使用逗號分隔各個選擇器】

  h1,h2,h3,h4,h5,h6 {color: green;}

• 派生選擇器\後代選擇器【根據文檔上下文關系來篩選】：

• 屬性選擇器：
  • 
  • 

• 子標簽選擇器：
• 子標簽選擇器只能選擇作為某標簽子標簽的元素
• 

• 相鄰兄弟選擇器：
• 如果需要選擇緊接在另一個標簽後的標簽，而且二者有相同的父標簽，可以使用相鄰兄弟選擇器
• 

由於本人並不是專業學前端的，學也只是為了方便其他開發，所以只會抓住重點

如果想要了解更多css語法，可以參考w3school

html之css選擇器語法學習筆記