標記選擇器 類選擇器 id選擇器 偽類選擇器的先後順序是什麼

2022-08-12 18:35:06 字數 6402 閱讀 7901

1樓:匿名使用者

1、id選擇器;

2、類選擇器;

3、標記選擇器;

4、最後是偽選擇器。

id選擇器(#myid);

類選擇器(.myclassname);

標籤選擇器(div,h1,p);

相鄰選擇器(h1+p);

子選擇器(ul < li);

後代選擇器(li a);

萬用字元選擇器(*);

屬性選擇器(a[rel="external"]);

偽類選擇器(a:hover,li:nth-child)。

參考資料

css 標籤問題

2樓:匿名使用者

css選擇器有三種型別:

標記選擇器、類別選擇器、id選擇器

一、標記選擇器:

就是「o 標籤(重新定義。。。。)」

標記選擇器是必須使用html的標籤作為選擇器的名稱,也就是說「(2)當選中第二個時候,名稱框中必須是下拉列表框中的內容」 ,是的。

格式:標記名稱

例子:標記選擇器

二、類別選擇器:

就是「o 類(可應用於任何標籤)」

也叫class選擇器,可以自定義選擇器的名稱,其中class為自定義的名稱。

格式: .class

例子:class選擇器1

class選擇器2

class選擇器3

class選擇器4

三、id選擇器:

就是」o 高階 (id、偽類。。。。)「

用法基本和class選擇器相同,也可以自定義選擇器名稱,其中id為自定義的名稱。不同的是:id選擇器不允許乙個id同時出現在兩個標籤中,而class選擇器則相反。

格式:#id

例子:class選擇器1

class選擇器2

class選擇器3

class選擇器4

也就是說上面兩個標籤中,同時出現了兩個id名稱,為」three「,這在id選擇器中是不允許出現的。

以上是我的回答,至於什麼時候用哪種選擇器,這是可以靈活運用,沒有特定的該用哪個選擇器。

css class 和 id 兩個選擇器,哪個優先順序高?

3樓:匿名使用者

「css優先順序包含四個級別(文內選擇符,id選擇符,class選擇符,元素選擇符)以及各級別出現的次數。根據這四個級別出現的次數計算得到css的優先」級。這個你可以試試啊

4樓:匿名使用者

當然是id選擇器優先順序較高。css樣式規則是id選擇器優先順序高於class選擇器;排列後面的樣式覆蓋前面的樣式;指定的樣式高於繼承的樣式;

5樓:千鋒教育

css樣式選擇器分為4個等級,a、b、c、d,可以以這四種等級為依據確定css選擇器的優先順序。

1.如果樣式是行內樣式(通過style=」」定義),那麼a=12.b為id選擇器的總數

3.c為class類選擇器的數量。

4.d為型別選擇器的數量

5.屬性選擇器,偽類選擇器和class類選擇器優先順序一樣,偽元素選擇器和型別選擇器一樣

6.!important 權重最高,比 inline style 還要高

6樓:6丶到沒朋友

在 css中 id 高於class 但id是唯一的只能出現一次 在出現沒任何效果 和作用

7樓:丶丶文若

這個是不分優先順序的,只有在用的時候,哪個合適就用哪個。比如要獲取一堆一樣類的元素,用class比較好,獲取單個的話,id的比較好。要看情況的

8樓:哈瑞傑軟體培訓

在結構想相同情況下id優先順序要高於 class

id是唯一的。 class乙個頁面可以出現很多個

css class 和 id 兩個選擇器,哪個優先順序高

9樓:匿名使用者

css樣式選擇器分為4個等級,a、b、c、d,可以以這四種等級為依據確定css選擇器的優先順序。

1.如果樣式是行內樣式(通過style=」」定義),那麼a=12.b為id選擇器的總數

3.c為class類選擇器的數量。

4.d為型別選擇器的數量

5.屬性選擇器,偽類選擇器和class類選擇器優先順序一樣,偽元素選擇器和型別選擇器一樣

6.!important 權重最高,比 inline style 還要高

10樓:6丶到沒朋友

在 css中 id 高於class 但id是唯一的只能出現一次 在出現沒任何效果 和作用

11樓:哈瑞傑軟體培訓

在結構想相同情況下id優先順序要高於 class

id是唯一的。 class乙個頁面可以出現很多個

css有哪些種類的選擇器

12樓:黑馬程式設計師

css選擇器如下:

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

2.類選擇器 .divclass /即定義的每個標籤的class 中的css樣式

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

4.後代選擇器(類選擇器的後代選擇器) .divclass span /即多個選擇器以逗號的格式分隔 命名找到準確的標籤

5.群組選擇器 div,span,img /即具有相同樣式的標籤分組顯示

選擇器的優先順序

1.最高優先順序是 (直接在標籤中的設定樣式,假設級別為1000)

2.次優先順序是(id選擇器 ,假設級別為100) #mydiv

3.其次優先順序是(類選擇器,假設級別為10) .divclass

4.最後優先順序是 (標籤選擇器,假設級別是 1) div

5.那麼後代選擇器的優先順序就可以計算了啊

比如 .divclass span 優先級別就是:10+1=11

想詳細的話可以參考w3c文件。

13樓:千弦追槃

p{}這是標籤選擇器

.div01{}這是類選擇器

#div02{}這是id選擇器

所謂的關聯選擇器是他們之間有遞進關係的

例如#div02 p就是說在id div02裡面的p標籤如果不是在id div02中 其他的p標籤是不起作用再說一起其他2種選擇器

組合選擇器:

他們之間是並列關係的

#div02,p 就是說 id div02 和 p都起作用他們是為了方便我們更好在不同物件呼叫同乙個css樣式還有一種偽選擇器只要是應用在超連結上

例如 預設樣式 滑鼠經過時的樣式 滑鼠點選時的樣式 訪問後的樣式我們在同乙個物件中也可以引用多個類

例如那麼這個div就引用了2個類

最後再說一下如果乙個物件重複引用相同乙個屬性 那麼優先順序高的會把優先順序低的覆蓋掉

純手打 希望對樓主有所幫助 希望採納

14樓:歐笛聖

css的選擇器其實大類的話可以分為三類,即id選擇器、class選擇器、標籤選擇器。

用法如下:

#id名

.class名

標籤名其中,他們之間又可以以不同的方式進行組合,如下:

後代選擇器: 父代名 後代名

子代選擇器: 父代名》子代名

群組選擇器: #name1, .name2, #name div偽類選擇器: name:偽類

通用(萬用字元)選擇器: * ……

常用的也就這些。

15樓:北漂碼農

css的選擇器是還是比較富的,主要的css選擇器如下:

標籤選擇器(如:body,div,p,ul,li)

.類選擇器(如:,)

id選擇器(如:,)

全域性選擇器(如:*號)

.組合選擇器(如:.head .head_logo,注意兩選擇器用空格鍵分開)

.繼承選擇器(如:div p,注意兩選擇器用空格鍵分開)

字串匹配的屬性選擇符(^ $ *三種,分別對應開始、結尾、包含)

以上選擇器在日常開發中最常用的就是標籤選擇器、類選擇器和id選擇器,下面是這三種選擇器的基本用法

1、標籤名選擇器

乙個xhtml文件中有許多標籤,例如p標籤,h1標籤等。若要使文件中的所有p標籤都使用同乙個css樣式,就應使用標籤選擇器。

divp 2、類選擇器

使用標籤選擇器可以為整個xhtml文件中的同乙個標籤指定相同的css樣式。但是在實際運用中,xhtml文件中的同乙個標籤會被反覆使用。若要為相同的標籤賦予不同的css樣式就應使用類選擇器。

測試**

.test

3、id選擇器,id選擇器是唯一的,只可以獲取獨一無二的乙個元素。

測試**

#test

16樓:慕刓辭

id選擇器,類選擇器,下代選擇器,子代選擇器,偽類選擇器等:

#content;

.content;

.content a;

.content>a;

.content:first-child

17樓:網際網路達人小

css選擇器種類有:

類別選擇器

標籤選擇器

id選擇器

後代選擇器

子選擇器

偽類選擇器

通用選擇器

群組選擇器

相鄰同胞選擇器

屬性選擇器

參考資料

18樓:匿名使用者

選擇器多了。就是有的ie不支援而已

19樓:秘籍小星

1. 標籤名選擇器 div 即頁面中的各個標籤名的css樣式2.類選擇器 .divclass 即定義的每個標籤的class 中的css樣式

3.id選擇器 #mydiv 即頁面中的標籤的id4.後代選擇器(類選擇器的後代選擇器) .divclass span 即多個選擇器以逗號的格式分隔 命名找到準確的標籤

5.群組選擇器 div,span,img 即具有相同樣式的標籤分組顯示

20樓:騎士小鄉

css選擇器、優先順序與匹配原理

1.id 選擇器(#myid)2.類選擇器(.

myclassname)3.標籤選擇器(div,h1,p)4.相鄰選擇器(h1+p)5.

子選擇器(ul < li)6.後代選擇器(li a)7.萬用字元選擇器(*)8.

屬性選擇器(a[rel="external"])9.偽類選擇器(a:hover,li:

nth-child)

其中id選擇器的效率是最高,而偽類選擇器的效率則是最低css的權重

1. 通配選擇符的權值 0,0,0,0

2. 標籤的權值為 0,0,0,1

3. 類的權值為 0,0,1,0

4. 屬性選擇的權值為 0,0,1,0

5. 偽類選擇的權值為 0,0,1,0

6. 偽物件選擇的權值為 0,0,0,1

7. id的權值為 0,1,0,0

8. important的權值為最高 1,0,0,0使用規則: 選擇器的權值加到一起,大的優先;如果權值相同,後定義的優先 。

從上面我們可以得出兩個關鍵的因素:

1. 權值的大小跟選擇器的型別和數量有關

2. 樣式的優先順序跟樣式的定義順序有關

21樓:

常用的有標籤選擇器、類選擇器、id選擇器等等

首先說主要都有哪些先擇器

1.標籤選擇器(如:body,div,p,ul,li)

2.類選擇器(如:,)

3.id選擇器(如:,)

4.全域性選擇器(如:*號)

5.組合選擇器(如:.head .head_logo,注意兩選擇器用空格鍵分開)

6.繼承選擇器(如:div p,注意兩選擇器用空格鍵分開)

7.偽類選擇器(如:就是鏈結樣式,a元素的偽類,4種不同的狀態:link、visited、active、hover。)

8.字串匹配的屬性選擇符(^ $ *三種,分別對應開始、結尾、包含)

在標籤內寫入style=" "的方式,應該是css的一種引入方式,而不是選擇器,因為根本就沒有用到選擇器。

id選擇器和類選擇器有什麼區別,ID 選擇器和類選擇器有什麼區別?

相同點 可以應bai用於任何元 du素不同點 1 id選擇器只zhi能在文件中使用dao一次。與版類選擇器不同,在一權個html文件中,id選擇器只能使用一次,而且僅一次。而類選擇器可以使用多次。下面 是正確的 而下面 是錯誤的 2 可以使用類選擇器詞列表方法為乙個元素同時設定多個樣式。我們可以為乙...

jquery選擇器問題,JQuery選擇器的問題

給table加個id,如下 然後css控制 hidden sapn span.data objshow或者js控制 hidden sapn find span.data objshow hide jquery選擇器的問題 select option selected selected 寫法是當你的s...

JQuery選擇器的問題,JQuery選擇器問題!

select option selected selected 寫法是當你的select的子option的屬性有selected selected 才能觸發。有些是直接selected就能觸發選中了,看例子 1 2 效果是一樣的,但是使用 select option selected selecte...