【已解決】CSS選擇器 :nth-child(2) 無效

描述：

        如下圖2，想要給類名爲 city 的第一個元素設置背景色，但是在瀏覽器中，“北京” 的背景並沒有改變。

                    

                                                                  

                                                                  

解決：

   :nth-child(n) 選擇器匹配屬於其父元素的第 N 個子元素，不論元素的類型。

      也就是說，.city:nth-child(1) 並不是選擇的類名爲 city 中的第一個元素，而是 選擇其父元素的第一個字元素，且類名爲 city 的元素。

      因此，想要是使 第一個類名爲city的元素，即“北京”的背景色改變，需要寫成如下形式：

                                    

      即，選擇其父元素的第3個子元素，且類名爲 city 的子元素。瀏覽器中效果如下：

                                            

       以上。