2019-03-21

類選擇器,可以根據(jù)元素的class屬性值選 取元素。

classname{}比如.hello會(huì)選中頁(yè)面所有class屬性為hello的元素。

ID選擇器,可以根據(jù)元素的id屬性值選取 元素。

比如#box會(huì)選中頁(yè)面中id屬性值為box的 元素,和class屬性不同,id屬性是不能重 復(fù)的。

復(fù)合選擇器,可以同時(shí)使用多個(gè)選擇器, 這樣可以選擇同時(shí)滿足多個(gè)選擇器的元素。

class的div元素。

群組選擇器,可以同時(shí)使用多個(gè)選擇器, 多個(gè)選擇器將被同時(shí)應(yīng)用指定的樣式。

語(yǔ)法:

選擇器1,選擇器2,選擇器3 { }

比如p,.hello,#box會(huì)同時(shí)選中頁(yè)面中p元素,

class為hello的元素,id為box的元素。

通用選擇器,可以同時(shí)選中頁(yè)面中的所有 元素。

后代選擇器可以根據(jù)標(biāo)簽的關(guān)系,為處在 元素內(nèi)部的代元素設(shè)置樣式。

語(yǔ)法:

祖先元素 后代元素 后代元素 { }

比如p strong 會(huì)選中頁(yè)面中所有的p元素 內(nèi)的strong元素。

有時(shí)候,你需要選擇本身沒有標(biāo)簽,但是 仍然易于識(shí)別的網(wǎng)頁(yè)部位,比如段落首行 或鼠標(biāo)滑過(guò)的連接。CSS為他們提供一些選 擇器:偽類和偽元素。

首字母:first-letter

首行:first-line

否定偽類可以幫助我們選擇不是其他東西 的某件東西。

:not(選擇器){}

不同的選擇器有不同的權(quán)重值:

內(nèi)聯(lián)樣式:權(quán)重是 1000

id選擇器:權(quán)重是 100

類、屬性、偽類選擇器:權(quán)重是 10

元素選擇器:權(quán)重是 1

通配符:權(quán)重是 0

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • css選擇器 選擇器(selector),會(huì)告訴瀏覽器:網(wǎng)頁(yè)上的那些元素需要設(shè)置什么樣的樣式。 比如:p這個(gè)選擇器...
    w_50df閱讀 404評(píng)論 0 0
  • 選擇器?選擇器(selector),會(huì)告訴瀏覽器:網(wǎng)頁(yè)上的哪些元素需要設(shè)置什么樣的樣式。 ?比如:p這個(gè)選擇器就表...
    Promise_18閱讀 333評(píng)論 0 0
  • 選擇器 選擇器,會(huì)告訴瀏覽器:網(wǎng)頁(yè)上的哪些元素需要設(shè)置什么樣的樣式。 元素選擇器:可以根據(jù)標(biāo)簽的名字來(lái)從頁(yè)面中選取...
    _奮斗努力閱讀 452評(píng)論 0 0
  • CSS選擇器: 元素選擇器 ID選擇器: 類選擇器 選擇器分組() 塊元素和內(nèi)聯(lián)元素塊元素所謂的塊元素就是會(huì)獨(dú)占一...
    yustyal閱讀 270評(píng)論 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,829評(píng)論 1 45

友情鏈接更多精彩內(nèi)容