2、3部分會(huì)不會(huì)顯示CSS?
<!DOCTYPE html>
<html lang="en">
<head>
?? <title>包含(后代)選擇器</title>
? ?<style type="text/css">
? ? ? ?.test span{color:red;}
? ?</style>
</head>
<body>
?? <p class="test">
? ? ? ? ? ?<span>
? ? ? ? ? ? ?? 1、這部分會(huì)不會(huì)顯示CSS
? ? ? ? ? ? ? ?<p>
? ? ? ? ? ? ? ? ? ?<span>2、這部分不會(huì)顯示CSS</span>
? ? ? ? ? ? ? ?</p>
? ? ? ? ? ?</span>
? ? ? ? ? ?<span>
? ? ? ? ? ? ? ? ?? 3、這部分不會(huì)顯示CSS
? ? ? ? ? ?</span>
? ?</p> ? ?
</body>
</html>
從結(jié)果來看,<p>元素確實(shí)有其特殊性存在,將<p>元素?fù)Q成<div>元素,就都能顯示出來,代碼如下:
? ?<div class="test">
? ? ? ?<span>
? ? ? ? ? ?這是一個(gè)用于測(cè)試結(jié)果的包含選擇器
? ? ? ? ? ?<p>
? ? ? ? ? ? ? ?<span>這部分會(huì)顯示CSS</span>
? ? ? ? ? ?</p>
? ? ? ?</span>
? ? ? ?<span>
? ? ? ? ? ? ? ?這部分會(huì)顯示CSS
? ? ? ?</span>
? ?</div> ?
2018-07-06
會(huì),因?yàn)閟pan是test的后代選擇器,test的所有后代均會(huì)顯示css
2022-03-26
怎麼找這個(gè)我找不到系統(tǒng)變量靜態(tài),可以直接調(diào)用靜態(tài),學(xué)習(xí)了,謝謝!
2018-07-31
第三部分不顯示應(yīng)該跟第二個(gè)段落標(biāo)簽有關(guān),可能是刷新或者重置之類的吧,如果沒有第二個(gè)段落標(biāo)簽,第二個(gè)span是會(huì)有效果的
2018-07-07
這是提問中代碼顯示的結(jié)果
2018-07-06
后代選擇器(空格)作用于元素的所有后代,所以P標(biāo)簽下的所有span子標(biāo)簽內(nèi)容都會(huì)顯示css樣式。