覺(jué)得"膽小如鼠"中“小如”兩個(gè)字應(yīng)該不是紅色的，只有“膽”和“鼠”應(yīng)該是紅色的，不太理解
CSS：
.first>span{color:red;
border:1px solid red;}
HTML：
?<p class="first">三年級(jí)時(shí)，我還是一個(gè)<span>膽<span>小如</span>鼠</span>的小女孩，上課從來(lái)不敢回答老師提出的問(wèn)題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。學(xué)校舉辦的活動(dòng)我也沒(méi)勇氣參加。</p>
2017-01-16
主要糾結(jié)的是為什么<span>標(biāo)簽的第二代變紅了但是<li>標(biāo)簽的第二代沒(méi)有每個(gè)都加框嗎？按我理解，“小如”是第一代<span>內(nèi)的內(nèi)容，所以字體顏色為第一代的紅色；<li>第二代也是第一代<li>內(nèi)的內(nèi)容，因此它們同在第一代的紅框內(nèi)，而不是自身有紅框。
2016-12-23
下面兩個(gè)例子都采用子選擇器，樣式都為紅色字體，加邊框。
<span>膽<span>小如</span>鼠</span>
從左向右我把標(biāo)簽計(jì)作1、2、3、4，
我個(gè)人認(rèn)為1和4默認(rèn)是一對(duì)，2和3默認(rèn)是一對(duì)，所以第一代應(yīng)該是1和4之間的內(nèi)容，包括在里邊的所有內(nèi)容（盡管里邊有第二代）都被設(shè)置了樣式，顯示結(jié)果為紅色字體，邊框圈4個(gè)字最外層，因?yàn)?和3是第二代，所以小如兩個(gè)字外邊不圈邊框，至于小如兩個(gè)字為什么變紅而不是不變，我認(rèn)為小如兩個(gè)字是第一代和第二代共有部分，因?yàn)榈谝淮鷮?duì)其進(jìn)行了設(shè)置，所以它是紅色。
回到課程中，
<li>水果
??????? <ul>
?????? ??? ?<li>香蕉</li>
??????????? <li>蘋果</li>
??????????? <li>梨</li>
??????? </ul>
??? </li>
第一個(gè)<li>和最后</li>是第一代，包括在里邊的所有內(nèi)容（盡管里邊有第二代），也同樣被設(shè)置了樣式。，結(jié)果顯示如上面分析的那樣，圈最外邊大框，字體全部變紅（因?yàn)樽煮w是共有部分）。當(dāng)使用后代選擇器時(shí)，顯示外框套內(nèi)框，字體全紅。
如果猜錯(cuò)的話，求大神更正。
2016-11-23
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>后代選擇器</title>
<style type="text/css">
.first>span>span{color:red;}
.food>li>ul>li{
? ? border:1px solid red;color:red;/*添加邊框樣式（粗細(xì)為1px， 顏色為紅色的實(shí)線）*/
}
</style>
</head>
<body>
?<p class="first">三年級(jí)時(shí)，<span>我還是一個(gè)<span>膽小如鼠</span>的小女孩</span>，上課從來(lái)不敢回答老師提出的問(wèn)題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。學(xué)校舉辦的活動(dòng)我也沒(méi)勇氣參加。</p>
<!--下面是本小節(jié)任務(wù)代碼-->
<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>
哥們你用我的代碼試一下 ?你就全明白了 ，很簡(jiǎn)單的，說(shuō)我也說(shuō)不太清楚，我就直接放代碼吧
2016-11-23
按你的思路, 第一代第二代. 那第一代就是第二代的父元素,第二代是第一代的子元素,它們是父子關(guān)系,假如在這段話中其它地方出現(xiàn)span, 那么它和第一代就應(yīng)該是兄弟關(guān)系. 父元素與子元素應(yīng)該是包含關(guān)系,也就是說(shuō)子元素有的,父元素也有. 那么第一代子元素中包含的內(nèi)容應(yīng)該是"膽小如鼠",第二代子元素中的是"小如". 兄弟關(guān)系最好的體現(xiàn)就是你可以在文本的其它地方加個(gè)span標(biāo)簽, 看看它會(huì)不會(huì)像這個(gè)嵌套一樣變色.
你回復(fù)的評(píng)論說(shuō)第二組加邊框的明白...那它和第一組這個(gè)"膽小如鼠"有什么區(qū)別嗎? 第二組不就是兩個(gè)ul-li嵌套么? <li>水果</li>是第一代子元素,<li>香蕉蘋果梨</li>是第二代.按你說(shuō)的,邊框應(yīng)該只加在水果這兩個(gè)字上就可以了啊,為什么它把香蕉蘋果梨都圈起來(lái)了?? 如果你覺(jué)得看第二組能看明白,你把格式設(shè)置換一下, 第二組用顏色, 你看看是不是所有的字都變成紅色.
感覺(jué)你這個(gè)問(wèn)題就是給自己刨了個(gè)坑兒,然后跳里出不來(lái)了.
2016-11-06
第一：border:1px solid red;}這個(gè)代碼是加上紅色框框的，不是改字體顏色的，字體顏色是colr：red。
第二：<span></span>之間的內(nèi)容都會(huì)被改變，不用在小如這里加上<span></span>
2016-11-06
以為字體顏色在沒(méi)有設(shè)置的情況下會(huì)繼承父輩的字體顏色?。╝標(biāo)簽除外），所以“小如”也會(huì)變?yōu)榧t色
2016-11-06
找最近的配對(duì)