子選擇器加入紅色邊框相關問題
<ul class="food">
? ? <li>水果
? ? <ul>
? ? <li>香蕉</li>
? ? <li>蘋果</li>
? ? <li>梨</li>
? ? ? ? </ul>
? ? </li>
這里的<ul class="food>
<li>水果
怎么解釋
<ul class="food">
? ? <li>水果
? ? <ul>
? ? <li>香蕉</li>
? ? <li>蘋果</li>
? ? <li>梨</li>
? ? ? ? </ul>
? ? </li>
這里的<ul class="food>
<li>水果
怎么解釋
2016-05-04
舉報
2016-05-04
上面有
<style type="text/css">
.food>li{border:1px solid red;}/*添加邊框樣式(粗細為1px, 顏色為紅色的實線)*/
2016-05-04
class="food"表示<ul>的類名,<li>是<ul>的子元素(無序列表),.food>li{border:1px solid red;}表示的是對<ul>的子元素進行設置。
2016-05-04
為ul標簽設置類名,用于類選擇設置屬性