<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>子選擇符</title>
<style?type="text/css">
.food>ul{border:1px?solid?red;}/*添加邊框樣式（粗細(xì)為1px，?顏色為紅色的實線）*/
</style>
</head>
<body>
<p?class="first">三年級時，<span>我還是一個<span>膽小如鼠</span>的小女孩</span>，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(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>
2016-01-25
.food>ul 是指.food下第一級的ul
<ul?class="food"> ? 這里 .food指的就是ul
如果你想把整個列表框起來可以把 ??.food>ul{border:1px?solid?red;}改成.food{border:1px?solid?red;}
2016-01-25
<ul>是用來定義無序列表的，只是一種聲明，而<li>是定義列表項目時使用的，必須跟有實際內(nèi)容，所以把實際內(nèi)容框起來才有意義。即要定義.food>li
2016-01-25
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>子選擇符</title> <style?type="text/css"> .food{border:1px?solid?red;}/*添加邊框樣式（粗細(xì)為1px，?顏色為紅色的實線）*/ ? </style> </head> <body> <p?class="first">三年級時，<span>我還是一個<span>膽小如鼠</span>的小女孩</span>，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(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>2016-01-25
<li>是ul的子項?只對子項起作用?
2016-01-25
只對直接子后代
2016-01-25
.food>li>ul ?因為ul屬于li的子元素標(biāo)簽 ?你少些了它的父元素標(biāo)簽<li>
2016-01-25
>只對子項起作用 <li>是ul的子項
2016-01-25