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...