菜鳥有問題要問，各位大大能不能看一下下。
這里說子選擇器用于指定標簽的第一代子元素，難道還會有所謂的第二、第三代子元素嗎？那些都不能用了嗎？
慕蓋茨5118350
2015-03-21
3 回答
舉報
0/150
提交
取消
2015-03-21
當然有，就拿本案例中來說。<li>水果</li>和<li>蔬菜</li>是類名為food標簽<ul>的第一代。水果和蔬菜下的<ul>是其第二代，水果和蔬菜下的<ul>下的<li>是其第三代。
<ul class="food">
? ? <li>水果
? ? ? ? <ul>
? ? ? ? ? ? <li>香蕉</li>
? ? ? ? ? ? <li>蘋果</li>
? ? ? ? ? ? <li>梨</li>
? ? ? ? </ul>
? ? </li>
? ? <li>蔬菜
? ? <ul>
? ? ? ? <li>白菜</li>
? ? ? ? ? ? <li>油菜</li>
? ? ? ? ? ? <li>卷心菜</li>
? ? ? ? </ul>
? ? </li>
</ul>
不是說不能用，而是說子代選擇器只選擇第一代，只作用于第一代。如果要作用于全部后代，請選擇后代選擇器。
2015-06-17
<!DOCTYPE?HTML> <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;}/*添加邊框樣式（粗細為1px，?顏色為紅色的實線）*/ .first>span{ ????border:1px?solid?red; } </style> </head> <body> <p?class="first">三年級時，<span>我還是一個<span>膽小如鼠</span>的小女孩</span>，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p> <h1>食物</h1> <ul?class="food"> ????<li>水果 ????????<ul> ???????? <li>香蕉</li> ????????????<li>蘋果</li> ????????????<li>梨</li> ????????????<li> ?????????????<ul> ?????????????<li>橘子</li> ????????????<li>西瓜</li> ?????????????</ul> ???????????? ????????????</li> ????????</ul> ????</li> ????<li>蔬菜 ???? <ul> ???????? <li>白菜</li> ????????????<li>油菜</li> ????????????<li>卷心菜</li> ????????</ul> ????</li> </ul> </body> </html>2015-03-21
抱歉啊，我不知道這個還有采納功能的……~(@^_^@)~