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