為什么我還是一個膽小如鼠的小女孩不能加入紅色邊框？
<!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>三年級時，<span class="first">我還是一個膽小如鼠的小女孩</span>，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</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>
2016-07-13
第八行代碼.first>span{border：1px solid red;}，是不是border后面的冒號是中文輸入的？
2016-07-13
<p?class="first">三年級時，<span>我還是一個膽小如鼠的小女孩</span>，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
你用的子選擇符作用于第一個后代，你直接放到<span>標簽里，<span>沒有后代，所以紅框不出現
2016-07-13
冒號錯了
2016-07-13
因為標簽span已經是first類了，不需要子代選擇符，而且.first>span{border：1px solid red;}里的冒號是中文格式，改成.first{border:1px solid red;}
2016-07-13
.first>span{border：1px solid red;} 這是子選擇器,作用于<span>標簽的子元素.
2016-07-13
第八行的代碼改成.first{border:1px solid red;}或者span{border:1px solid red;}就可以了
2016-07-13
.first>span{border：1px solid red;} 這是子選擇器,
2016-07-13
.first前面是英文狀態下的點號
2016-07-13
你這里的意思領悟錯了。.first>span{border：1px solid red;} 這種無疑是修改span里的東西。 單純增加了red這個元素是沒用的改的是所有span里的顏色。