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