CSS選擇器 優先順序

2021-10-01 13:20:41 字數 529 閱讀 2170

css選擇器可以為擁有指定屬性的 html 元素設定樣式,主要包含標籤選擇器器、類選擇器、id選擇器以及群組選擇器等等。

1、css選擇器的分類

1.1 標籤選擇器

標籤選擇器:用標籤名稱即可 會選擇上當前文件中所有的當前標籤

p1.2 類選擇器

類選擇器:選中的是class屬性值的元素 可以多選

.ground_p

1.3 id選擇器

id選擇性: 選中的是id屬性值的元素 id的值在當前文件中只能出現一次

#only_p

群組選擇器(逗號)

群組選擇器: 不同的選擇器用逗號隔開 當需要將多個元素設定為統一樣式的時候可以使用群組選擇器

p,div

css選擇器的優先順序從高到底排列是id選擇器》類選擇器》標籤選擇器

後代選擇器 兄弟相鄰選擇器 ( 加號波浪線) 大於號(子集)

星號(全部)

選擇器優先順序 CSS選擇器優先順序總結

css選擇器優先順序這個問題,相信有點經驗前端都會認為非常簡單,但是我們今天還是來總結一下吧。相信大家應該很少直接在html頁面寫樣式吧,一般都是用link標籤匯入css樣式表。使用者自定義樣式表就是我們用link標籤引入的css樣式表,為了保持不同瀏覽器下樣式相同,所以我們的自定義樣式表一般都會覆...

CSS 選擇器優先順序

css優先順序包含四個級別 文內選擇器,id選擇器,class選擇器,元素選擇器 以及各級別出現的次數。根據這四個級別出現的次數計算得到css的優先順序。css優先順序的計算規則如下 頁面中直接設定style,加1,0,0,0 每個id選擇器 如 id 加0,1,0,0 每個class選擇器 如 c...

css選擇器優先順序

css優先順序即css樣式在瀏覽器中被解析出來的先後順序。css優先順序包含四個級別 行內樣式,id選擇符,class類選擇符,元素選擇符 以及各級別出現的次數。繼承是css的乙個主要特徵,然後繼承的權重很低,比普通元素還要低。1.行內樣式 類似css 的樣式 的優先順序為1,0,0,0,始終高於外...