p:nth-child(n);
訪問該元素p的父元素,在訪問p元素的父元素的全部子元素(不只含有p,可能還包含h1,h2……),而後按他們的前後排列順序來選擇,不能爲0(實驗不行)。 關鍵:1.是否與p相同的元素,2.是否是和第n個(不是以p開始計算)。code
p:nth-child(1) { background:#ff0000; }
若是這裏n=1,開始理解爲選擇了第一相同的p元素「第一個段落」,也不是h1,其實無效。要想選擇第一個p元素,要認識到p是其父元素中的第幾個子元素,第一個p元素是其父元素的第2個子元素,因此p:nth-child(2);才能選中。開始一直弄不明白究竟是什麼關係,如今終於懂了。有些書講的也不是和清楚,必須實驗才行啊。【2019年5月10日】