<!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;}/*添加邊框樣式（粗細(xì)為1px， 顏色為紅色的實(shí)線）*/</style></head><body><p class="first">三年級(jí)時(shí)，<span>我還是一個(gè)<span>膽小如鼠</span>的小女孩</span>，上課從來不敢回答老師提出的問題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒有這個(gè)勇氣來回答老師提出的問題。學(xué)校舉辦的活動(dòng)我也沒勇氣參加。</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>為什么不是每個(gè)li都有實(shí)線邊框
3 回答
已采納
陳默有言
TA貢獻(xiàn)35條經(jīng)驗(yàn) 獲得超21個(gè)贊
css選擇器的問題，.food>li 與.food li代表的意思不一樣，前者表示.food下一層子元素中的li,后者代表food所有子元素中的li
display_none
TA貢獻(xiàn)52條經(jīng)驗(yàn) 獲得超13個(gè)贊
.food>li{border:1px solid red;}?? 這個(gè)選擇器選到的是.food的子類，如果要選.food下的全部li?? 應(yīng)該這樣寫
.food li{border:1px solid red;}? .food和li之間是空格
添加回答
舉報(bào)
0/150
提交
取消