Pseudo class (before and after here)_html/css_WEB-ITnose

1. Before and after pseudo-classes

before Insert style before

Result demonstration

after Insert style after

The result is

2. Root pseudo-class

Sets the lowest-level style, which can be used to insert background images

3.

input: enabled{......} Set all enabled input elements

input: disabled{......} Set and disable the corresponding input element

4. css::selection Such as: p::selection{... ....}

The pseudo-class selector is used to highlight any part of the page that the user selects, including text in editable text fields

5. Anti-pseudo-class selector

E:not(s) matches any element that does not match the current selector

6. Target pseudo-class

is used to match a location connected to the same page

corresponding to the click of the above result The a connection will automatically jump to the corresponding div and change its style