亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

.food li{border:1px solid red;}為什么不在里面那個無序列<ul>顯示效果，而只是在里面的<li>部分顯示效果？

.......

.food li{border:1px solid red;}/*添加邊框樣式（粗細為1px， 顏色為紅色的實線）*/

............
<ul class="food">
??? <li>水果
??????? <ul>（此處為何不顯示效果,不是應該是包括li后面的所有的后代嗎）
??????? ?<li>香蕉</li>
??????????? <li>蘋果</li>
??????????? <li>梨</li>
??????? </ul>
??? </li>
??? <li>蔬菜
??? ?<ul>
??????? ?<li>白菜</li>
??????????? <li>油菜</li>
??????????? <li>卷心菜</li>
??????? </ul>
??? </li>
</ul>

..........

正在回答

5 回答

你如果把.food li{border:1px solid red;}/*添加邊框樣式（粗細為1px， 顏色為紅色的實線）*/

改為.food ul,li{border:1px solid red;}/*添加邊框樣式（粗細為1px， 顏色為紅色的實線）*/

那么ul也會有紅實線邊框，你只給li定義了邊框，當然只有li有啦，并沒有給ul定義啊

2 回復 有任何疑惑可以回復我~
#1

weixin_慕蓋茨5207985 提問者

但是ul是li的子代啊
2019-01-15 回復 有任何疑惑可以回復我~
#2

weixin_慕蓋茨5207985 提問者

不是說空格作用于元素的所有后代，那ul難道不是后代嗎
2019-01-15 回復 有任何疑惑可以回復我~
#3

weixin_慕蓋茨5207985 提問者

我是指里面那個ul
2019-01-15 回復 有任何疑惑可以回復我~
#4

qq_慕粉5598704 回復 weixin_慕蓋茨5207985 提問者

作用于元素所有的指定后代，沒有指定ul所以ul不會顯示紅線框
2019-01-20 回復 有任何疑惑可以回復我~
#5

qq_慕粉5598704 回復 weixin_慕蓋茨5207985 提問者

要同名的才算元素的后代吧
2019-01-20 回復 有任何疑惑可以回復我~
#6

breeze77 回復 weixin_慕蓋茨5207985 提問者

它叫做選擇器，不就是對特定對象選擇
2019-01-24 回復 有任何疑惑可以回復我~
#7

Akihir 回復 weixin_慕蓋茨5207985 提問者

>作用于直接后代 也就是第一個后代 li為第一個的直接后代 所以只有li有邊框 li里面的ul是第一個ul的第二個后代 ，但是更改為空格以后 效果則作用于ul的所有子代包括后面的li,ul 你將.food>li{ border:1px solid red;/}更改為.food li{ border:1px solid red;/} 就會發現香蕉蘋果梨也會有邊框效果
2019-04-30 回復 有任何疑惑可以回復我~
查看4條回復

已經作用上去了啊？把 .food>li 和.food li 對比一下? 都有紅色的框框啊 不知道是不是我理解錯了...

0 回復 有任何疑惑可以回復我~
#1

慕村7315608

上面的才是大佬，忽略我這條好了 T_T
2019-02-18 回復 有任何疑惑可以回復我~

還有就是如何理解? ?.food li,ul{...}和.food ul,li{...}兩者顯示的效果不同

0 回復 有任何疑惑可以回復我~
#1

酥v噠噠

.food li,ul效果是作用于food下的li，也作用在ul中； .food ul,li效果是作用于food下的ul，也作用在li中。
2019-02-22 回復 有任何疑惑可以回復我~
#2

慕函數3319187

你逗號之后其實是相當于兩個style .food li,ul{...}=.food li{...}和 ul{...} .food ul,li{...}= .food ul{...}和 li{...}
2019-02-27 回復 有任何疑惑可以回復我~

在嗎大哥

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

.food li{border:1px solid red;}為什么不在里面那個無序列<ul>顯示效果，而只是在里面的<li>部分顯示效果？

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號