css三種基本選擇符 在CSS中,類型選擇符用什么標(biāo)記?
在CSS中,類型選擇符用什么標(biāo)記?類選擇器:包含多個(gè)樣式的自定義集合,以“.”開頭。可以在頁面中重用樣式。例如,。AAA{}類型選擇器:定義HTML內(nèi)部標(biāo)記的樣式。前面沒有“.”ID選擇器的格式與類選
在CSS中,類型選擇符用什么標(biāo)記?
類選擇器:包含多個(gè)樣式的自定義集合,以“.”開頭??梢栽陧撁嬷兄赜脴邮?。例如,。AAA{}類型選擇器:定義HTML內(nèi)部標(biāo)記的樣式。前面沒有“.”ID選擇器的格式與類選擇器的格式相同。區(qū)別在于它以“#”開頭,ID是先找到結(jié)構(gòu)/內(nèi)容,然后為其定義樣式;class是先定義樣式,然后將其應(yīng)用于多個(gè)結(jié)構(gòu)/內(nèi)容,例如:#-AAA{}通配符,顧名思義:頁面上的所有標(biāo)記都是有效的。其名稱必須為“*”。例如:*{}偽類:有四種常用的狀態(tài),即一個(gè)標(biāo)記中的四種狀態(tài)(a:link a:visited a:hover a:active)。其他的,如:Lang:focus,并不常用,并且存在兼容性問題。
css選擇符類型有哪些?
1. 標(biāo)簽選擇器:例如P{顏色:#F00字體-尺寸:36px},使用
直接操作
2。類選擇器:例如。紅色{顏色:#C00},使用直接作用
3。ID選擇器:如#二{顏色:#600字體族:“漢意行楷”},使用直接動(dòng)作
4。包含選擇器:如P強(qiáng){顏色:#F00},使用
5。常規(guī)選擇器:例如*{顏色:#0C0字體-尺寸:18px}它可以在很大范圍內(nèi)控制所有HTML元素,但是效率很低。6選擇器分組:如P,H1,div{顏色:#f00font-尺寸:36px},適用于P、H1和Div.7。特定于標(biāo)記的選擇器:例如P#one{顏色:#f00font-尺寸:36px},僅對(duì)id為1的P標(biāo)記有效!組合所有選擇器類型
CSS selector,priority and matching principle
1。ID選擇器(#myid)2。類選擇器(。我的類名)3。標(biāo)簽選擇器(div,H1,P)4。相鄰選擇器(H1,P)5。副選擇器(UL< Li)6。后代選擇器(LI)a)7。通配符選擇器(*)8。屬性選擇器(a[rel=“external”])9。偽類選擇器(A:Hoover,Li:nth child),其中ID選擇器的效率最高,而偽類選擇器的效率最低。CSS權(quán)重1。常規(guī)選擇器權(quán)重0,0,0
2。標(biāo)記權(quán)重0,0,1
3。類權(quán)重0,0,1,0
4屬性選擇的權(quán)重為0,0,1,0
5。偽類選擇的權(quán)重為0,0,1,0
6。偽對(duì)象選擇的權(quán)重為0,0,0,1
7。ID的權(quán)重是0,1,0,0
8。重要性的權(quán)重是最高的1,0,0,0。使用規(guī)則:將選擇器的權(quán)重相加,以大的為準(zhǔn);如果權(quán)重相同,則以大的為準(zhǔn)。通過以上分析,我們可以得出兩個(gè)關(guān)鍵因素:1。權(quán)重與選擇器的類型和數(shù)量有關(guān)。2樣式的優(yōu)先級(jí)與樣式定義的順序有關(guān)。以下是一些常見的:1。最高優(yōu)先級(jí)是寫在標(biāo)簽內(nèi)部的內(nèi)部選擇器,例如<div style=“顏色:紅色“></div>,此處color=red寫入標(biāo)記內(nèi)部,因此最高優(yōu)先級(jí)為2,后跟ID選擇器,例如<div ID=”D1“></div><style>;D1{顏色:紅色}</style>,其中#D1是ID選擇器,用#表示,標(biāo)記內(nèi)是ID屬性,樣式是開始。三。類選擇器,例如<div Class=“C1”></div><style>.C1{顏色:紅色}</style>,其中。C1是類選擇器,由表示。標(biāo)簽包含class屬性,樣式為。4標(biāo)簽選擇器使用不常用的標(biāo)簽名稱作為選擇器,例如:<div><div><P><P>樣式對(duì)應(yīng)于:div{font}-尺寸:14px}p{字體-尺寸:20px}由標(biāo)記選擇器、類選擇器、ID選擇器組成,還可以擴(kuò)展很多選擇器,詳細(xì)查詢W3C喲