<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>子選擇符</title>
<style?type="text/css;?disc">
.food>ul{border:1px?solid?red;}/*添加邊框樣式(粗細(xì)為1px,?顏色為紅色的實(shí)線)*/
.first>span{border:1px?solid?red;}
</style>
</head>
<body>??????
<p
?
class="first">三年級時(shí),<span>我還是一個(gè)<span>膽小如鼠</span>的小女孩</span>,上課從來不敢回答老師提出的問題,生怕回答錯(cuò)了老師會批評我。就一直沒有這個(gè)勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
<h1>食物</h1>
<ul?class="food">
????<li>水果
????????<ul>
????????????<li>香蕉</li>
????????????<li>蘋果</li>
????????????<li>梨</li>
????????</ul>
????</li>
????<li>蔬菜
????????<ul>
????????????<li>白菜</li>
????????????<li>油菜</li>
????????????<li>卷心菜</li>
????????</ul>
????</li>
</ul>
</body>
</html>
2017-02-07
因?yàn)槟阌米舆x擇器這個(gè)大于號時(shí),樣式指定的是food類直屬的元素,li是直屬元素所以會改變,但這里面ul是從屬于li之下的元素,直屬于li,不是直屬于food類,就不會在>命令下改變。而用空格則指定給了所有在這個(gè)類范圍內(nèi)的子標(biāo)簽,即使是間接的。所以ul這時(shí)會被改變。
其實(shí)歐洲封建制度跟>的方式很像,我的附庸的附庸不是我的附庸。。而中國集權(quán)制度跟空格的方式很像,我手下的手下都是我的手下
2017-02-07
首先把 ?第六行把 ?;disc ? 去掉就行了
其次 ?因?yàn)槭讉€(gè)ul元素在body程序中不是food函數(shù)的子代元素,可以理解為并列元素,li才是,而除掉首個(gè)的ul元素才是子代元素,因此在你將>改為空格鍵后才會顯示
2017-02-07
>表示為子選擇器,只能選擇指定父元素的第一代子元素了,在這里,第一個(gè)UL為父元素,而父元素的第一代子元素里沒有UL子元素,所以會沒有反應(yīng),你將>號換成了空格,這個(gè)時(shí)候就變成了后代選擇器,后代選擇器可選擇指定元素下的所有后代元素!
2017-02-07
? (空格):包含選擇器? ??? >:子選擇器
>作用于元素的第一代后代,空格作用于元素的所有后代。