就是選中第一個元素，比如

html文字效果由css樣式屬性控制，css層疊樣式表不是唯一但有優先順序的。

第一優先級：無條件優先的屬性只需要在屬性后面使用！important。它會覆蓋頁面內任何位置定義的元素樣式。

第二優先級：在html中給元素標簽加style，即內聯樣式。

第三優先級：由一個或多個id選擇器來定義。例如，#id{margin:0;}會覆蓋.classname{margin:3pxl}

第四優先級：由一個或多個類選擇器、屬性選擇器、偽類選擇器定義。如.classname{margin:3px}會覆蓋div{margin:6px;}

第五優先級：由一個或多個類型選擇器定義。如div{marigin:6px;}覆蓋*{margin:10px；}

第六優先級：通配選擇器，如*{marigin:6px;}

還有一種是js腳本監聽強制控制，這里修改需要找到監聽事件進行修改。

.content[data-role=page]:nth-child(2){} 使用:first-child偽類時一定要保證前面沒有兄弟節點，你前面有個content所以會失效

1

2

3

樣式權值設定

1. 內聯樣式表的權值最高 1000；

2. ID 選擇器的權值為 100

3. Class 類選擇器的權值為 10

4. HTML 標簽選擇器的權值為 1

5 繼承樣式的權值為0.1

舉例

< class a>

< class b>

<class c >

直接用 .c(類)選擇器 它的權值只有10 ，

用 .a .b .c來選擇，則它的權值為10+10+10。