本文將為大家詳細(xì)介紹“css語言中怎么使用后代選擇器”,內(nèi)容步驟清晰詳細(xì),細(xì)節(jié)處理妥當(dāng),而小編每天都會(huì)更新不同的知識(shí)點(diǎn),希望這篇“css語言中怎么使用后代選擇器”能夠給你意想不到的收獲,請大家跟著小編的思路慢慢深入,具體內(nèi)容如下,一起去收獲新知識(shí)吧。
巫山網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)成立與2013年到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。
在css中,后代選擇器用來選擇特定元素或元素組的所有指定后代元素,需要將對父元素的選擇放在前面,對子元素的選擇放在后面,中間加一個(gè)空格分開,語法為“父元素 子元素{css樣式}”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
后代選擇器也稱包含選擇器,用來選擇特定元素或元素組的后代,將對父元素的選擇放在前面,對子元素的選擇放在后面,中間加一個(gè)空格分開。
后代選擇器集中形式:
1、父代 * {}
從 父代 中的找到 所有子代。
2、父代 子代1{}
是從 父代 中找到 子代1 或者 父代 子代2{} 是從 父代 中找到 子代2 。
3、父代 子代1 子代2{}
這個(gè)是從 父代 中找到子代1,再從 子代1 找到 子代2.
后代選擇器中的元素不僅僅只能有兩個(gè),對于多層祖先后代關(guān)系,可以有多個(gè)空格加以分開,如id為a、b、c的三個(gè)元素,則后代選擇器可以寫成#a #b #c{}的形式,只要對祖先元素的選擇在后代元素之前、中間以空格分開即可。
第一種形式:雖然是全部選中但是*的優(yōu)先級(jí)較低。
abc
第二種形式:
abc
第三種形式:它并不可以同時(shí)選中 .b 和 .c,只能選中.c.
abc
還有一點(diǎn)需要注意如下代碼:在類名為c的p中嵌套了一個(gè)p 中再嵌套了一個(gè)類名為c的p,這時(shí)同樣會(huì)被選中
abcspan
css的全稱是Cascading Style Sheets(層疊樣式表),它是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動(dòng)態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。
感謝您能讀到這里,小編希望您對“css語言中怎么使用后代選擇器”這一關(guān)鍵問題有了從實(shí)踐層面最深刻的體會(huì),具體使用情況還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì),如果想閱讀更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!