css選擇器有哪些?各種選擇器優先順序大小順序

2022-07-31 04:18:16 字數 540 閱讀 8778

1.標籤選擇器 div /即頁面各標籤名的css式

2.類選擇器 .divclass /即定義

每標籤class中的css樣式,類選擇可以用於多個樣式中。

3.id選擇器 #mydiv /即頁面中的標籤id

4.在標籤中直接設定樣式你好,世界!

5.標籤+類選擇器 div .divclass ,兩個樣式中間用「空格」分隔。

6.div,h1,p所有div、h1、p標籤都應用下面樣式,標籤與標籤之間用「,」逗號隔開。

<

style

type

="text/css"

>

div,h1,p

style

>

7.偽選擇器:a:hover ,偽選擇器以「:」冒號分隔。

在對同乙個標籤應用多種樣式時的順序:

直接寫在標籤後面的樣式高於其他樣式》id選擇器》類選擇器》標籤選擇器

注意:當不考慮優先順序問題就想讓某一樣式優先使用,可以使用下面屬性:!important

div

css 各種 選擇器

css 各種 選擇器 通配選擇器。全文匹配,所有使用,預設配置 標籤選擇器。應用於標籤為以下的html標籤 td 多標籤選擇器,也叫群組選擇器。應用於所有html標籤為以下的元素 td,p,div,a 類選擇器。應用於html頁面所有class屬性為ibmclass的標籤元素 ibmclass 精確...

CSS各種選擇器

1 元素選擇器 li 最常用 最基本 2 派生選擇器 li strong標籤間用空格分隔 定義了li標籤中的strong標籤的樣式,css1中上下文選擇器 css2中派生選擇器 3 id選擇器 id 在現代布局中,id 選擇器常常用於建立派生選擇器。id div 4 class選擇器 classna...

Css選擇器 層次選擇器(關係選擇器)

1.e f 匹配 e 元素下所有的子元素 f 後代選擇器 eg css.box a匹配 box 下所有的子元素 a 2.e f 匹配 e 元素下第一級子元素 f 子選擇器 eg css.box a匹配 box 下第一級子元素 a 3.e f 匹配 e 元素後面緊鄰的哪乙個 f 元素 有且僅有乙個 相...