1 樣式選擇器,順序

2021-10-09 03:55:40 字數 998 閱讀 1038

1/直接在 style 上定的內容優先順序最高。同樣的選擇器,誰在後面誰的優先順序比較高

2/選擇器的優先順序,在其餘情況相同情況下,繼承的樣式 < 瀏覽器模式的樣式 < 標籤樣式 < class樣式 < id樣式 < style屬性樣式

3/可以使用在屬性後面使用!important將屬性優先順序提公升到最大

4/寫得越具體越複雜的選擇器,優先順序越高。

#d3

#d1body #d1

body#d1

>

>

charset

="utf-8"

/>

>

title

>

type

="text/css"

>

#d1.d1

/*important

* 等級最高

*/divstyle

>

rel=

"stylesheet"

type

="text/css"

href

="css/style.css"

/>

head

>

>

class

="d1"

id="d1"

>

helloworld1

div>

"d2"

style

="color

: red;

font-size

: 133px;

">

helloworld2

div>

"d3"

>

helloworld3

div>

body

>

html

>

1 樣式設定

近年來,開發人員越來越關心應用程式的外觀。當windows forms是建立桌面應用程式的技術時,使用者介面沒有提供許多設定應用程式樣式的選項。控制項有標準的外觀,根據正在執行應用程式的作業系統版本而略有不同,但不大容易定義完整自定義的外觀。windows presentation foundati...

CSS樣式選擇器

1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...

CSS樣式選擇器

樣式選擇器 每一條css樣式宣告 定義 由兩部分組成,形式如下 選擇器類選擇器 以英文圓點開頭,不可以使用數字或中文起名 使用方法 1.使用class 類選擇器名 為標籤設定乙個類,如下 膽小如鼠 2.設定類選擇器css樣式,如下 stress id選擇器 id選擇器類似於類選擇器 1.為標籤設定i...