天天看點

優先級問題(權重)

css引入方式

  1. 内聯樣式 <div style="css樣式"></div>
  2. 内部樣式 <style> css樣式 </style>
  3. 外部樣式 <link rel="stylesheet" href="樣式表連結" target="_blank" rel="external nofollow" />

在選擇器精度一緻時

  1. 内聯樣式 > 内部樣式 > 浏覽器預設(預設)樣式
  2. 内聯樣式 > 外部樣式 > 浏覽器預設(預設)樣式
  3. !important > 内聯樣式 > 浏覽器預設(預設)樣式
  4. !important > 内部樣式 > 浏覽器預設(預設)樣式

類選擇器,标簽選擇器,ID選擇器,屬性選擇器的權重

ID選擇器( #id ) > 類選擇器( .className ) = 屬性選擇器( [name] 、[placeholder] 之類的) > 标簽選擇器(div, p, a等)

html中,幀元素(frameset)的優先級最高,表單元素比非表單元素的優先級要高。

表單元素包括:文本輸入框、密碼輸入框、單選框、複選框、清單框等各種輸入框

非表單元素:a、div、p等

所有的html元素又可以根據顯示分為兩類:有視窗元素以及無視窗元素。有視窗元素總是顯示在無視窗元素的前面。

有視窗元素包括:select元素,object元素,以及frames元素等;

無視窗元素:大部分html元素都是無視窗元素。