Css選擇器必備知識(shí)點(diǎn)有哪些

這篇文章主要為大家展示了“Css選擇器必備知識(shí)點(diǎn)有哪些”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Css選擇器必備知識(shí)點(diǎn)有哪些”這篇文章吧。

CSS作用:層疊樣式表（Cascading Style Sheets）,美化頁面,布局頁面,修飾元素的外觀,修改元素的位置.

CSS基本機(jī)構(gòu):行內(nèi)樣式,內(nèi)嵌樣式,外聯(lián)樣式(link href="" rel="stylesheet" type="text/css")

CSS基本語法:選擇器{ 屬性:屬性值;}

CSS特性:

樣式的優(yōu)先級(jí)特性:行內(nèi)樣式,內(nèi)嵌樣式,外聯(lián)樣式,哪個(gè)離得被修飾元素近,哪個(gè)修飾就先起到作用 (就近原則)

繼承特性:當(dāng)元素屬于父-子關(guān)系時(shí),給父類定義一個(gè)樣式,子類也會(huì)繼承該樣式.

沖突特性:行內(nèi)樣式會(huì)和隱含樣式?jīng)_突,列入b元素加粗,font-weight:normal字體不加粗.會(huì)執(zhí)行后者.

查看選擇器以調(diào)試bug:f12.

選擇器

選擇器就是找到文檔中某個(gè)元素或者某一批元素,用來設(shè)置樣式.

基本選擇器

通用選擇器: *{} 設(shè)置所有元素樣式

類型選擇器: 標(biāo)簽名開頭{} 例如:div{}

類選擇器:標(biāo)簽中定義class之后,以.class{}開頭

縮小范圍的類選擇器:想為多個(gè)相同的類中的某一個(gè)設(shè)置特定的樣式可以使用(標(biāo)簽名.classname{}的形式來設(shè)置). 例如:div.div1{}

為元素起小名:同樣的,想為多個(gè)相同的類中的某一個(gè)特定的類設(shè)置樣式可以使用多個(gè)小名的形式(class="div1 classname")-->(.div1.classname1{})

id選擇器:為元素設(shè)置id,然后(#id{}設(shè)置樣式)

屬性選擇器:將元素的某一個(gè)屬性設(shè)置為選擇器進(jìn)行比設(shè)置樣式

屬性中的某元素為選擇器:[target]{}

屬性中某元素的屬性值(字符串):[target="_blank"{}]

屬性中某元素屬性值字符串開頭:[target^="_b"]

以上是“Css選擇器必備知識(shí)點(diǎn)有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！