網(wǎng)頁(yè)制作案例教程HTML5 CSS3 試題及答案 項(xiàng)目9 CSS高級(jí)選擇器

一、單選題1、下面CSS使用方法描述錯(cuò)誤的是（）。(單選題)A、樣式中的注釋語(yǔ)法為:/*注釋內(nèi)容*/B、所有嵌套在某個(gè)html標(biāo)簽中的html標(biāo)簽都會(huì)自動(dòng)繼承外層標(biāo)簽設(shè)置的樣式規(guī)則C、偽元素選擇符是指同一個(gè)html元素的各種狀態(tài)和部分內(nèi)容的一種定義方式D、樣式規(guī)則的優(yōu)先級(jí):外部樣式表〉嵌入樣式表〉內(nèi)聯(lián)樣式表答案：C2、h1{font-size:12;color:green;}h2{font-size:12;color:green;}h3{font-size:12;color:green;}與這段代碼效果等同的是（）。(單選題)A、h1,h2h3{font-size:12;color:green;}B、h1,h2,h3{font-size:12;color:green;}C、h1:h2:h3{font-size:12;color:green;}D、h1h2h3{font-size:12;color:green;}答案：B3、<style>

tablea{color:green;text-decoration:none;}

table,a{color:yellow;}

</style>

<tableborder=1><tr><td>

<a>北京</a></td></tr>

</table>

<a>太原</a>

以下說(shuō)明正確的是（）。(單選題)A、北京的字體是綠色B、北京的字體是黃色C、太原的字體是紅色D、太原的字體是綠色答案：A4、p,h4,h5{color:#CC66FF;}這種設(shè)置樣式的方式是（）。(單選題)A、組合選擇器B、包含選擇器C、偽選擇器D、class選擇器答案：A5、使用CSS美化超鏈接時(shí)，設(shè)置懸停狀態(tài)顯示下劃線，樣式代碼為（）。(單選題)A、a:link{text-decoration:none}B、a:hover{text-decoration:line-through}C、a:hover{text-decoration:underline;}D、a:active{text-decoration:underline;}答案：C6、p,h4,h5{color:#CC66FF;}這種設(shè)置樣式的方式是（）。(單選題)A、組合選擇符B、包含選擇符C、偽選擇符D、class選擇符答案：A7、a:hover表示超鏈接文字在（）時(shí)的狀態(tài)。(單選題)A、鼠標(biāo)按下B、鼠標(biāo)經(jīng)過(guò)C、鼠標(biāo)放上去D、訪問(wèn)過(guò)后答案：C8、p,h4,h5{color:#CC66FF;}這種設(shè)置樣式的方式是（）。(單選題)A、組合選擇符B、包含選擇符C、偽選擇符D、class選擇符答案：A9、當(dāng)<p>標(biāo)記內(nèi)嵌套<strong>標(biāo)記時(shí)，就可以使用后代選擇器對(duì)其中的<strong>標(biāo)記進(jìn)行控制，下列寫法正確是（

）。(單選題)A、strongp{color:red;}B、pstrong{color:red;}C、strong,p{color:red;}D、p.strong{color:red;}答案：B10、CSS中，通過(guò)鏈接偽類可以實(shí)現(xiàn)不同的鏈接狀態(tài)，下列說(shuō)法錯(cuò)誤的是（

）。(單選題)A、a:link{CSS樣式規(guī)則;}

超鏈訪問(wèn)時(shí)的狀態(tài)B、a:visited{CSS樣式規(guī)則;}

訪問(wèn)后超鏈接的狀態(tài)C、a:hover{CSS樣式規(guī)則;}

鼠標(biāo)經(jīng)過(guò)、懸停時(shí)超鏈接的狀態(tài)D、a:active{CSS樣式規(guī)則;}

鼠標(biāo)點(diǎn)擊不動(dòng)時(shí)超鏈接的狀態(tài)答案：A11、設(shè)置超鏈接<a>標(biāo)記中<img>的border樣式為none，下列代碼書(shū)寫正確的是（

）。(單選題)A、a.img{border:none;}B、a#img{border:none;}C、aimg{border:none;}D、a.img{border:none;}答案：C

12、下列選項(xiàng)中，屬于并集選擇器書(shū)寫方式的是（

）。(單選題)A、h1p{}B、h1_p{}C、h1,p{}D、h1-p{}答案：C13、下列選項(xiàng)中，符合后代選擇器書(shū)寫要求的是（

）。(單選題)A、pstrong{font-weight:bold;}B、p.strong{font-weight:bold;}C、p,strong{font-weight:bold;}D、p#div{font-weight:bold;}答案：A14、使用標(biāo)簽指定式選擇器，讓段落應(yīng)用class名為test的類，下列寫法正確的是（

）。(單選題)A、.p.test{color:red;}B、p#test{color:red;}C、p.test{color:red;}D、.p,test{color:red;}答案：C15、頁(yè)面上的div標(biāo)簽，其HTML結(jié)構(gòu)如下：

<div

id="father">

<p

class="son">傳智播客</p>

</div>

對(duì)應(yīng)的CSS樣式代碼如下：

#father

#son{

color:red;

}

#father

p{

color:blue;

}

div

.son{

color:yellow;

}

div

p{

color:green;

}

那么，文字的顏色將顯示為（

）。(單選題)A、紅色B、藍(lán)色C、黃色D、綠色答案：A16、哪個(gè)CSS選擇器用于選擇所有<p>元素中的第一個(gè)子元素？A.p:first-childB.p>:first-childC.p:first-of-typeD.p:first答案：B17、哪個(gè)CSS選擇器用于選擇所有<div>元素中最后一個(gè)<p>元素？A.div>p:last-childB.div>p:last-of-typeC.divp:last-childD.divp:last答案：B18、哪個(gè)CSS選擇器用于選擇所有具有屬性"data-target"的元素？A.[data-target]B.:data-targetC..data-targetD.#data-target答案：A19、哪個(gè)CSS選擇器用于選擇所有<a>元素，其href屬性值以".pdf"結(jié)尾？A.a[href$=".pdf"]B.a[href=".pdf"]C.a:href=".pdf"D.a{href=".pdf"}答案：A20、哪個(gè)CSS選擇器用于選擇所有<input>元素，其type屬性值為"checkbox"且被選中？A.input[type="checkbox"]:checkedB.input:checkbox:checkedC.input[type=checkbox]:checkedD.input[type="checkbox"]checked答案：A21、哪個(gè)CSS選擇器用于選擇所有<div>元素的直接子元素<p>，并且這些<p>元素前面有兄弟元素？A.div>p:has-siblingB.div>p:has(+)C.div>p:not(:first-child)D.div>p:first-of-type答案：C22、哪個(gè)CSS選擇器用于選擇所有父元素為<div>的<p>元素？A.div>pB.divpC.p>divD.pdiv答案：A23、哪個(gè)CSS選擇器用于選擇所有<li>元素，這些元素是其父元素的唯一<li>子元素？A.li:only-childB.li:only-of-typeC.li:onlyD.li:single-child答案：B二、多選題1、下列選項(xiàng)中，關(guān)于并集選擇器的書(shū)寫格式正確的是（）。A、p,.one{}B、p.one{}C、p,.one,#two,div.box{}D、p_.one{}答案：AC

2、關(guān)于并集選擇器的描述，下列說(shuō)法正確的是（

）。A、并集選擇器的各個(gè)選擇器通過(guò)逗號(hào)連接B、并集選擇器用空格分隔C、并集選擇器把選中的元素設(shè)置成相同的樣式D、并集選擇器不能和其他選擇器一起使用答案：AC

3、關(guān)于后代選擇器，下列說(shuō)法正確的是（

）。A、后代選擇器主要用于嵌套的標(biāo)簽。B、后代選擇器可以用于很多層的標(biāo)簽嵌套。C、后代選擇器多個(gè)標(biāo)簽之間是用空格隔開(kāi)的。D、后代選擇器外層標(biāo)記寫在前面，內(nèi)層標(biāo)記寫在后面。答案：ABCD

4、下列選項(xiàng)中,關(guān)于標(biāo)簽指定式選擇器的寫法正確的是（

）。A、p.curre