8-9子選擇器
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>子選擇符</title>
<style?type="text/css">
.food>li{border:1px?solid?red;}
</style>
</head>
<body>
<h1>食物</h1>
<ul?class="food">
????<li>水果
????????<ul>
???????? <li>香蕉</li>
????????????<li>蘋(píng)果</li>
????????????<li>梨</li>
????????</ul>
????</li>
????<li>蔬菜
???? <ul>
???????? <li>白菜</li>
????????????<li>油菜</li>
????????????<li>卷心菜</li>
????????</ul>
????</li>
</ul>
</body>
</html>為什么將.food>li 中的 li 改成其它名字之后會(huì)顯示不出正確的紅框？ 這個(gè)li 是 ul-li 中的 li 嗎？
2015-12-07
“為什么將.food>li 中的 li 改成其它名字之后會(huì)顯示不出正確的紅框？ ”，你說(shuō)的其他名字是什么意思？
2015-12-07
2015-12-07
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>子選擇符</title> <style?type="text/css"> .food>x{border:1px?solid?red;} </style> </head> <body> <h1>食物</h1> <ul?class="food"> ????<x>水果 ????????<ul> ???????? <li>香蕉</li> ????????????<li>蘋(píng)果</li> ????????????<li>梨</li> ????????</ul> ????</x> ????<x>蔬菜 ???? <ul> ???????? <li>白菜</li> ????????????<li>油菜</li> ????????????<li>卷心菜</li> ????????</ul> ????</x> </ul> </body> </html>2015-12-07
你的代碼意思 只局限作用于第一代子元素
2015-12-07
?這個(gè)li 是 ul-li 中的 li , 其中的.food代表class=“food”的ul, .food>li的意思就是類名為food下的li子元素，而且“>”只限選擇第一代子元素，所以在這>后邊只能是li.除非你給 .food的子元素設(shè)置id,class ,那么li就可以換成是它的類名或者id值
2015-12-07
這個(gè)li是水果蔬菜的li
element>element?選擇器用于選取帶有特定父元素的元素。
只限于第一代