大佬們救救我啊啊啊啊啊
結合很多網上寫的區別，但在實踐中對子選擇器和后代選擇器有以下幾個疑問：
<p class="A">....<span>①</span>.............<span>②</span>...............</p>
后代選擇器：. A span{.....}??? 輸出結果：①②均被改變
子選擇器：.A>span{....}???????輸出結果：①②均被樣式改變了??！真的?。。?！我不懂這是什么操作，不是應該只有①改變么！！
<p class="A">....<span>①</span>.........<p>....<span>②</span>.......</p>........</p>
后代選擇器：. A span{.....}??? 輸出結果：只有①被改變了啊啊啊啊啊?。。。?！什么操作?。?！
子選擇器：.A>span{....}???????輸出結果：只有①被改變
這和我看到的演示不一樣啊?。∪缓笪揖兔悦Ａ?。。求大神解釋！?。?！
2018-07-31
我試過了，你可以修改例2中間<p class ="first">。。。</p>.span兩種方式都會有效果。
另外第一次聽說段落嵌套段落
2018-07-17
<span>沒有嵌套，所以子選擇器不對
將<p>刪除
2018-07-14
“另外，感覺你的第二個舉例實際上變成了：
<p class="A">....<span>①</span>.........</p><p>....<span>②</span>.......</p><p>........</p>
嗯，奇妙”
不好意思打錯了～
2018-07-14
同樣是新手，看了你問題，也思考了一下，以下愚見：
你的第一個例子下兩個<span>標簽應該都第一代子元素，所以無論是用子選擇器和后代選擇器，輸出結果應該是一樣的。
按照教程中給的例子，你可以試著寫下<p class="A">....<span>①...<span>②</span>....</span></p>
再分別用后代選擇器和后代選擇器試，結果是不一樣的。
第二個例子<p class="A">....<span>①</span>.........<p>....<span>②</span>.......</p>........</p>中
是不是可以理解為類別器名稱A中的css樣式只修飾第一個<p>標簽下被<span>標簽標記的內容，因為可以看到兩個<p>標簽，而②是第二個<p>標簽下被標記的內容，如果同樣要作用到它，應該在第二個<p>標簽中同樣用class="A"說明，寫成：
<p class="A">....<span>①</span>.........<p class="A">....<span>②</span>.......</p>........</p>
<hr />
另外，感覺你的第二個舉例實際上變成了：
<p class="A">....<span>①</span>.........</p><p?class="A">....<span>②</span>.......</p><p>........</p>
嗯，奇妙。
2018-07-13
這個我不會