前面一篇部落格介紹了first-child和last-child兩個child偽類選擇符，現在再介紹only-child選擇符，在w3c的說明中，e:only-child是匹配父元素僅有的乙個子元素e。
也就是說，這個選擇符會匹配有且只有乙個e元素作為子元素的父元素的e元素。有點繞，就舉個例子吧。
示例1：
html**：
h1
li:only-child
只有有且只有乙個li元素的被匹配到了，變成了紅色，三個li元素的則沒有變化。
只有乙個子元素，且不能有其餘任何元素的情況下才能被匹配。例如對html**稍作修改：
示例2：
html**：
只是在有且只有乙個li元素的位置加了乙個p元素，則就匹配不成功了。
所以這個選擇符算是乙個比較雞肋的選擇符，只有在某些非常特殊的情況下才會使用到。如果用到了後期修改可能也會造成很多的麻煩，在此不建議使用。
偽類選擇符
有趣的是偽類選擇符，為什麼叫做偽類選擇符，它允許給html不存在的標籤 標籤的某種狀態 設定樣式，比如說我們給html中乙個標籤元素的滑鼠滑過的狀態來設定字型顏色 a hover 上面一行 就是為 a 標籤滑鼠滑過的狀態設定字型顏色變紅。關於偽選擇符 關於偽類選擇符，到目前為止，可以相容所有瀏鑑器的...
CSS選擇符 偽類 層疊
主題，架子 時間架子，空間架子，三角架 素材。三種方式 上下文選擇符 祖父 孫 p em父 子 p em緊鄰同胞 h2 p一般同胞 h2 a通用 id 類 選擇符.class1 id1屬性選擇符 選擇帶有屬性名的標籤 img title img title red 偽類a link a visite...
CSS 類選擇符和ID選擇符的區別
類選擇符 html css div one 如果想讓網頁中某些元素的外觀與其他同類標籤區分開，可以使用類選擇符。首先給選擇符起乙個名字，然後把這個名字指定給想裝飾的html標籤。例如上乙個例子中，我就給第乙個div命名為 one 類選擇符還能精確控制某個元素的外觀，而不管元素使用的是哪個標籤。比如想...