CSS的優先級：

內嵌樣式>ID選擇器>類選擇器>標簽選擇器

內部樣式>內部樣式>外部樣式

CSS的選擇器：

選擇器：在 CSS 中，選擇器是一種模式，用於選擇需要添加樣式的元素。

1、基本選擇器（如下：）：

ID選擇器：根據標簽ID設置標簽的樣式(例如：#div1{height:100px;})，通常用來設置劃分區間使用。

類選擇器：根據標簽的類設置標簽的樣式(例如：.div1{height:100px;})，通常用於設置不同標簽卻有相同樣式。

標簽選擇器：根據標簽名設置標簽的樣式(例如：div{height:100px;})，通常用於當前盒子內的同一標簽名的同一樣式。

2、通配符選擇器

通配符選擇器：使用通配符(*)設置標簽的樣式(例如：*{height:100px;})，使用本選擇器會設置所有元素的樣式，通常用於消除默認樣式(例如：*{margin:0px;padding:0px;)。

3、屬性選擇器

屬性選擇器：用於設置含有該 屬性-值 的標簽的樣式(例如：div[name=BT]{height:100px;})，通常用於區分盒子內相同標簽名但是屬性值不一樣的標簽。

4、結構偽類選擇器

結構偽類選擇器：用於設置不同狀態或者不同子元素的樣式(例如：:after、:before、:focus、:link、:visited、:hover、:active、nth-child()、nth-of-type()等)。

5、層次選擇器

後代選擇器：為當前元素的所有後代的特定標簽設置樣式，格式：父元素+空格+後代元素(例如：div div{height:100px;})。

子代選擇器：為當前元素的特有子代的特有標簽設置樣式，格式：父元素+大於號+後代元素(例如：div>div{height:100px;})。

通用兄弟選擇器：為當前元素的後面的所有指定兄弟標簽設置樣式，格式：父元素+波浪線+後代元素(例如：div~div{height:100px;})。

　　　　　　　　註意事項：如果後面的所有指定兄弟標簽的標簽名不為指定標簽名(例如：html代碼：<div></div><div></div>css代碼：div~p{height:100px;}

相鄰兄弟選擇器：為當前元素的下一個指定的兄弟標簽設置樣式，格式：父元素+加號+後代元素(例如：div+div{height:100px;})。

　　　　　　　　註意事項：如果下一個標簽名不為指定標簽名(例如：html代碼：<div></div><div></div>css代碼：div+p{height:100px;})，則設置失敗。

CSS的註意事項：

設置CSS時需要註意一下註意事項：

①需要註意CSS的優先級

②不要讓別人設置自己的樣式，除非是通用樣式。(兄弟或者爸爸給你設置的樣式不能被清除。就像別人想打你，你卻不能讓他停，你自己打自己，你卻可以收手。)

③使用超鏈接結構偽類選擇器的時候，必須按照link->visited->hover->active的順序，不然會有BUG。

CSS的優先級、選擇器、註意事項