Css選擇器

• 基礎(chǔ)選擇器
  1."#" ID選擇器
  2."." 類(Class)選擇器
  3."Element" 元素選擇器

• 組合選擇器
  1.E,F 并列選擇器
  2.E F 后代選擇器
  3.E>F 直接后代選擇器/子元素選擇器
  4.E+F 直接相鄰選擇器(匹配E元素之后的相鄰?fù)?jí)元素F)
  5.E~F 普通相鄰選擇器(匹配E元素之后的所有元素F 無(wú)論相鄰與否)

• 屬性選擇器
  1.E[attr]： 匹配所有具有屬性attr的元素 例如 div[id]就能選取所有具有id屬性的div
  2.E[attr = value] 匹配屬性attr值為value的元素，例如div[id=test],匹配id=test的div
  3.E[attr ~= value] 匹配所有屬性attr具有多個(gè)空格分隔、其中一個(gè)值等于value的元素
  4.E[attr ^= value] 匹配屬性attr的值以value開(kāi)頭的元素
  5.E[attr $= value] 匹配屬性attr的值以value結(jié)尾的元素
  6.E[attr *= value] 匹配屬性attr的值包含value的元素

• 偽類選擇器
  1.E:hover 匹配鼠標(biāo)懸停的元素E
  2.E:link 匹配未被點(diǎn)擊的鏈接
  3.E:visited 匹配被點(diǎn)擊的鏈接

• 偽元素選擇器
  1.E::first-line 匹配E元素內(nèi)容的第一行
  2.E::first-letter 匹配E元素內(nèi)容的第一個(gè)字母
  3.E::before 在E元素之前插入生成的內(nèi)容
  4.E::after 在E元素之后插入生成的內(nèi)容
  before和after常跟content連用

Css的優(yōu)先級(jí)

1.在屬性后面使用 !important 會(huì)覆蓋頁(yè)面內(nèi)任何位置定義的元素樣式

2.作為style屬性寫(xiě)在元素標(biāo)簽上的內(nèi)聯(lián)樣式

3.id選擇器

4.類選擇器

5.偽類選擇器

6.屬性選擇器

7.標(biāo)簽選擇器

8.通配符選擇器

9.瀏覽器自定義

對(duì)齊

• 塊元素的對(duì)齊
  `div{
  margin: 0px auto;
  }
  p.s. 需要設(shè)置div的寬度才可奏效，上下margin可以不設(shè)置。
• 文本對(duì)齊
  1.設(shè)置行高line-height等于外層容器的height
  2.設(shè)置上下padding相等
  `