色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css3偽元素選擇器大全

劉柏宏2年前11瀏覽0評論

CSS3的一個大特性就是增加了很多偽元素選擇器,它們可以讓我們更靈活、更精細地控制DOM元素的樣式,為我們的頁面美化和優化提供了便捷的方式。下面我們來一起學習一下CSS3偽元素選擇器的大全:

/* 選擇第一個子元素 */
:first-child {}
/* 選擇最后一個子元素 */
:last-child {}
/* 選擇唯一的子元素 */
:only-child {}
/* 選擇所有的子元素 */
:nth-child(n) {}
/* 選擇第n個子元素 */
:nth-child(1) {}
/* 選擇位置在n的倍數的子元素 */
:nth-child(2n) {}
/* 選擇位置在n的倍數加m的子元素 */
:nth-child(2n+1) {}
/* 選擇第一個與最后一個子元素之間的所有子元素 */
:not(:first-child):not(:last-child) {}
/* 通過元素屬性來選擇元素 */
[attribute] {}
/* 選擇具有某個屬性的元素 */
[attribute=value] {}
/* 選擇屬性值以某些字符串開頭的元素 */
[attribute^=value] {}
/* 選擇屬性值以某些字符串結尾的元素 */
[attribute$=value] {}
/* 選擇屬性值包含某些字符串的元素 */
[attribute*=value] {}
/* 選擇文本框中獲得焦點的元素 */
:focus {}
/* 選擇元素在鼠標懸停狀態下 */
:hover {}
/* 選擇已訪問的鏈接 */
:visited {}
/* 選擇未訪問的鏈接 */
:link {}
/* 選擇選中的元素 */
:checked {}
/* 選擇已禁用的元素 */
:disabled {}
/* 選擇未被禁用的元素 */
:enabled {}
/* 選擇隱藏的元素 */
:hidden {}
/* 選擇可見的元素 */
:visible {}
/* 選擇第一個符合條件的元素 */
:first-of-type {}
/* 選擇最后一個符合條件的元素 */
:last-of-type {}
/* 選擇符合條件的唯一元素 */
:only-of-type {}
/* 選擇第n個符合條件的元素 */
:nth-of-type(2) {}
/* 選擇位置在n的倍數的元素 */
:nth-of-type(2n) {}
/* 選擇位置在n的倍數加m的元素 */
:nth-of-type(2n+1) {}
/* 選擇第一個與最后一個符合條件的元素之間的所有元素 */
:not(:first-of-type):not(:last-of-type) {}
/* 選擇選擇器右側相鄰元素 */
+ {}
/* 選擇選擇器后面所有的相鄰元素 */
~ {}

以上就是CSS3偽元素選擇器的大全,它們可以幫助我們更加高效地控制DOM元素的樣式,從而讓我們的頁面更加美觀。當然,我們在使用它們的時候也需要注意兼容性和適當的使用場景,盡可能避免濫用。