Pseudo-class selector

1. E:first-of-type: Matches the same type The first sibling element E

2. E:last-of-type: matches the same type The last sibling element E

3. E:first-child: matches the nth child element of its parent element, the first number For 1

4. E:last-child: Match the nth child element from the last of its parent element, the first number is 1

5. ##E:nth-child(n): Select the # that belongs to the nth child element of its parent element

6. ##E:

   nth-last-child(n): Select the # that belongs to the nth last child element of its parent element

##E:
7. only-child

   : Select the only child element that belongs to its parent element (only one can be selected)

E:
8. only-of-type

   : Select the only sibling element that belongs to its parent element

E:
9. nth-of-type(n)

   : Matches the nth sibling element E of the same type.

E:
10. nth-last-of-type(n)

    : Matches the nth sibling element from the bottom of the same type E

a:
1. link

   : Set the style of hyperlink a before it is visited

a:
2. visited

   : Set Hyperlink a has an outdated style when its link address has been visited

a:
3. hover

   : Sets the style of the element when its mouse hovers Style

a:
4. active

   : Set the style of the element when it is activated by the user (an event that occurs between mouse click and release)

:
1. root

   : Select the root element of the document

2. E:empty: Selects every E element (including text nodes) that has no child elements.

3. E:checked: Matches the selected element E on the user interface. (Mostly used when the input type is radio and checkbox)

4. ##E:

   enabled: Select each enabled The E element (the text box does not have the disabled attribute)

##E:
5. disabled

   : Select each disabled E element (the text box has the disabled attribute) E::

   selection
: Select the element selected by the user.

The above is the detailed content of Introduction to new features of CSS3. For more information, please follow other related articles on the PHP Chinese website!