大佬們救救我啊啊啊啊啊
結(jié)合很多網(wǎng)上寫(xiě)的區(qū)別，但在實(shí)踐中對(duì)子選擇器和后代選擇器有以下幾個(gè)疑問(wèn)：
<p class="A">....<span>①</span>.............<span>②</span>...............</p>
后代選擇器：. A span{.....}??? 輸出結(jié)果：①②均被改變
子選擇器：.A>span{....}???????輸出結(jié)果：①②均被樣式改變了?。≌娴模。。?！我不懂這是什么操作，不是應(yīng)該只有①改變么?。?/p>
<p class="A">....<span>①</span>.........<p>....<span>②</span>.......</p>........</p>
后代選擇器：. A span{.....}??? 輸出結(jié)果：只有①被改變了啊啊啊啊啊?。。。?！什么操作啊??！
子選擇器：.A>span{....}???????輸出結(jié)果：只有①被改變
這和我看到的演示不一樣?。。∪缓笪揖兔悦Ａ?。。求大神解釋?zhuān)。。。?/p>
2018-07-31
我試過(guò)了，你可以修改例2中間<p class ="first">。。。</p>.span兩種方式都會(huì)有效果。
另外第一次聽(tīng)說(shuō)段落嵌套段落
2018-07-17
<span>沒(méi)有嵌套，所以子選擇器不對(duì)
將<p>刪除
2018-07-14
“另外，感覺(jué)你的第二個(gè)舉例實(shí)際上變成了：
<p class="A">....<span>①</span>.........</p><p>....<span>②</span>.......</p><p>........</p>
嗯，奇妙”
不好意思打錯(cuò)了～
2018-07-14
同樣是新手，看了你問(wèn)題，也思考了一下，以下愚見(jiàn)：
你的第一個(gè)例子下兩個(gè)<span>標(biāo)簽應(yīng)該都第一代子元素，所以無(wú)論是用子選擇器和后代選擇器，輸出結(jié)果應(yīng)該是一樣的。
按照教程中給的例子，你可以試著寫(xiě)下<p class="A">....<span>①...<span>②</span>....</span></p>
再分別用后代選擇器和后代選擇器試，結(jié)果是不一樣的。
第二個(gè)例子<p class="A">....<span>①</span>.........<p>....<span>②</span>.......</p>........</p>中
是不是可以理解為類(lèi)別器名稱(chēng)A中的css樣式只修飾第一個(gè)<p>標(biāo)簽下被<span>標(biāo)簽標(biāo)記的內(nèi)容，因?yàn)榭梢钥吹絻蓚€(gè)<p>標(biāo)簽，而②是第二個(gè)<p>標(biāo)簽下被標(biāo)記的內(nèi)容，如果同樣要作用到它，應(yīng)該在第二個(gè)<p>標(biāo)簽中同樣用class="A"說(shuō)明，寫(xiě)成：
<p class="A">....<span>①</span>.........<p class="A">....<span>②</span>.......</p>........</p>
<hr />
另外，感覺(jué)你的第二個(gè)舉例實(shí)際上變成了：
<p class="A">....<span>①</span>.........</p><p?class="A">....<span>②</span>.......</p><p>........</p>
嗯，奇妙。
2018-07-13
這個(gè)我不會(huì)