CSS3 選擇前幾個元素

/* 選擇第n個，n位數字  */

:nth-
child
(n)選擇列表中的偶數標籤
:nth-
child
(2n)
選擇列表中的奇數標籤
:nth-
child
(2n-1)
選擇前幾個元素
/*【負方向範圍】選擇第1個到第6個 */
:nth-
child
(-n+6)
從第幾個開始選擇
/*【正方向範圍】選擇從第6個開始的，直到最後 */
:nth-
child
(n+6
)兩者結合使用，可以限制選擇某乙個範圍
/*【限制範圍】選擇第6個到第9個，取兩者的交集【感謝小夥伴的糾正~】 */
:nth-
child
(-n+9)
:nth-
child
(n+6
)選擇列表中的倒數第n個標籤 n為數字
:nth-last-
child
(n)

CSS 選擇器 選擇前幾個元素

方法 使用偽類選擇器處理 1 選擇第n個，n代表數字 nth child n 2 選擇列表中的偶數的標籤 nth child 2n nth child even 3 選擇列表中的奇數的標籤 nth child 2n 1 nth child odd 4 負方向範圍 選擇第1個到第3個 nth chil...

CSS3偽元素選擇器

css3偽元素選擇器 css3偽元素選擇器有兩種 分別是 before和 after，下面我們分別進行介紹 先介紹一下使用的注意事項 1.他們本身就是乙個元素 盒子 使用的時候相當於是在原先的div所建立的盒子裡增加新的 小盒子 可以定義其屬性但是預設的只是行內元素。2.before和after所代...

css3 選擇器 CSS3選擇器

子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...