css常用的選擇符 css選擇符類(lèi)型有哪些?
css選擇符類(lèi)型有哪些?1. 標(biāo)簽選擇器:例如P{顏色:#F00字體-尺寸:36px},使用直接操作2。類(lèi)選擇器:例如。紅色{顏色:#C00},使用直接作用3。ID選擇器:如#二{顏色:#600字體族
css選擇符類(lèi)型有哪些?
1. 標(biāo)簽選擇器:例如P{顏色:#F00字體-尺寸:36px},使用
直接操作
2。類(lèi)選擇器:例如。紅色{顏色:#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)記有效所有選擇器類(lèi)型的組合
非常常見(jiàn)。以下是一些常見(jiàn)的:1。最高優(yōu)先級(jí)是寫(xiě)在標(biāo)記內(nèi)部的內(nèi)部選擇器,例如<div style=“顏色:紅色“></div>,此處color=red寫(xiě)入標(biāo)記內(nèi)部,因此最高優(yōu)先級(jí)為2,后跟ID選擇器,例如<div ID=”D1“></div><style>#D1{顏色:紅色}</style>,其中#D1是ID選擇器,用#表示,標(biāo)記內(nèi)是ID屬性,樣式是開(kāi)始。三。類(lèi)選擇器,例如<div Class=“C1”></div><style>。C1{顏色:紅色}</style>,其中。C1是類(lèi)選擇器,用表示。標(biāo)簽中是class屬性,樣式是First 4。標(biāo)記選擇器使用不常用的標(biāo)記名作為選擇器,例如:<div><div><P><P>樣式對(duì)應(yīng)于:div{font}-尺寸:14px}p{字體-尺寸:20px}通過(guò)標(biāo)簽選擇器、類(lèi)選擇器、ID選擇器,還可以擴(kuò)展多個(gè)選擇器,詳細(xì)查詢(xún)W3C喲
1,所有標(biāo)簽中的標(biāo)簽選擇器頁(yè)是選擇器P{顏色:紅色}2. ID選擇器選擇以ID命名的元素,以#P1{color:#0f0}3開(kāi)頭。類(lèi)選擇器選擇以類(lèi)命名的元素。第一個(gè){co}類(lèi)選擇器:包含多個(gè)樣式的自定義集合,以“.”開(kāi)頭??梢栽陧?yè)面中重用樣式。例如,。AAA{}類(lèi)型選擇器:定義HTML內(nèi)部標(biāo)記的樣式。前面沒(méi)有“.”ID選擇器的格式與類(lèi)選擇器的格式相同。區(qū)別在于它以“#”開(kāi)頭,ID是先找到結(jié)構(gòu)/內(nèi)容,然后為其定義樣式;class是先定義樣式,然后將其應(yīng)用于多個(gè)結(jié)構(gòu)/內(nèi)容,例如:#-AAA{}通配符,顧名思義:頁(yè)面上的所有標(biāo)記都是有效的。其名稱(chēng)必須為“*”。例如:*{}偽類(lèi):有四種常用的狀態(tài),即一個(gè)標(biāo)記中的四種狀態(tài)(a:link a:visited a:hover a:active)。其他的,如:Lang:focus,并不常用,并且存在兼容性問(wèn)題。
css有哪幾種選擇符以及css優(yōu)先級(jí)規(guī)則?
CSS selector and selector priority
ID selector
class name selector
tag name selector
pseudo class selector
wildcard selector
除了上述基本選擇器外,我們還需要了解由基本選擇器組成的組和后代選擇器的計(jì)算方法。