我們的需求是講段1、2、3變成紅色，而段落4、5、6變成藍色
如果我們用標籤選擇器會出現什麼效果呢？
瀏覽器執行的效果：
這說明標籤選擇器在這種情況下滿足不了我們的需求，為了實現這種需求我們可以選擇後代選擇器。
先看看**示例：
瀏覽器執行的結果：
段落4
段落5段落6
通過上面的**我們可以發現p並不是.div1兒子，孫子，但是段落1、2、3都能變紅
原因是p是.div1的後代，只要p是.div1的後代不管是兒子、孫子等都會被選擇器選擇上
我們一起來分析上面**中的小塊**：
.div1 .li1 p上面的**都是以類選擇器.div1後代選擇來說明的，其實id選擇也是可以的，通用的而比如下面**：
#div1 .li1 p後代選擇器，就是一種平衡：共性、特性的平衡。當要求把某乙個部分的所有的東西，進行樣式改變，就要想到後代選擇器
temp
CSS 後代選擇器
後代選擇器 descendant selector 又稱為包含選擇器。後代選擇器可以選擇作為某元素後代的元素。我們可以定義後代選擇器來建立一些規則，使這些規則在某些文件結構中起作用，而在另外一些結構中不起作用。舉例來說，如果您希望只對 h1 元素中的 em 元素應用樣式，可以這樣寫 h1 em上面這...
CSS後代選擇器
css後代選擇器也可以叫做派生選擇器 派生選擇符或包含選擇符，因為該選擇符型別是作用於某個元素中的子元素的。就是把外層的標記寫在前面，內層的標記寫在後面，之間用空格分隔。當標記巢狀時，內層的標記就成為外層標記的後代。後代選擇器的格式類似於 p span bp span和b之間用空格分隔。是最外層的文...
CSS 後代選擇器
後代選擇器 當需要把某乙個部分的所有內容進行樣式改變，就要想到後代選擇器。後代選擇器描述的是祖先結構。空格即表示後代，div1 p就是.div1的後代的所有p，如下 段落段落 段落 段落 段落段落 空格可以多次出現，比如以下就是.div1裡面的後代.li2裡面的p 假設1 猜猜我是什麼顏色嘻嘻嘻 假...