問題描述：在設定下圖的span元素，css樣式並沒有生效，（原本還對自己的 後代選擇器和子代選擇器知識 有點不自信，特意又看了下這兩個選擇的文件，並沒錯。）問了兩個大佬，終於得到了答案就是

html標籤巢狀規範不符合規則（剛開始我也納悶，....直到改了程式碼。確實需要注意這個問題。）

問題截圖：（CSS樣式的寫法沒有問題：）

出錯原因：

解決辦法：

規範化標籤巢狀，使得p標籤規範化。

這樣就有效果了：

總結：

    針對該問題，p標籤只能巢狀內聯元素。反思其它標籤，總結如下：（引用部分部落格主的總結：https://www.cnblogs.com/xiyangbaixue/p/4090511.html）

1. 塊級元素與塊級元素平級、內嵌元素與內嵌元素平級 
   

   <div><span></span><p></p></div>  //span是行內元素，p是塊級元素，所以這個是錯誤的巢狀

   <div><span></span><a></a></div>  //對的

2. 塊元素可以包含內聯元素或某些塊元素，但內聯元素不能包含塊元素，它只能包含其它的內聯元素
   

   <div><span></span></div>

   <span><span></span></span>

3. 有幾個特殊的塊級元素只能包含內嵌元素，不能再包含塊級元素

   h1、h2、h3、h4、h5、h6、p、dt

4. 塊級元素不能放在標籤p裡面
   
   
5. li 標籤可以包含 div 標籤，因為li 和 div 標籤都是裝載內容的容器