html結構，〈html〉元素就是〈body〉和〈head〉的父元素（上下級，包含關系）， 而〈body〉又 是〈ul〉和〈p〉的父元素， 〈ul〉又是兩個〈li〉的父元素。兩個〈li〉就是兄弟元素（平級），〈body>和〈head〉也是兄弟元素，依此類推。相應的， ul 和p是body的子元素， 而li呢， 是body的后代元素（后代選擇符）。

你在dw里，套用源格式后，代碼自動縮進，你很容易就能看出來的。

css后代選擇器可以寫5個，本來css的后代選擇器可以選擇多個，但是層級越深，效率越低，所以最好寫5個就行

可以用css3中新增的選擇器“[attribute=value]”來同時選中指定的屬性的標簽。

1、新建html文檔，添加5個input標簽，其中第一個和最后一個“type”屬性的屬性值為“text”：

2、在head標簽和body標簽之間添加style標簽，添加代碼“input[type=text]”，“input”指的是標簽名，“type”指的是屬性名，“text”指的是屬性值，這個就會把所有屬性名為“type”、屬性值為“text”的input標簽選中：

3、為被選擇的標簽設置背景色為紅色，這時屬性值為“text”的第一個標簽和最后一個標簽背景色都變成了紅色：

類選擇器以（.）為前綴，后面為類名。在標簽中定義class屬性，然后設置屬性值為類名選擇器。

后代選擇器是一種多個用空格分隔的選擇器，別稱包含選擇器。