03_pseudo_classes_and_pseudo_elements
dz / mdn / css / 1_css_building_blocks / 03_pseudo_classes_and_pseudo_elementsSummary
Pseudo Classes and Pseudo-Elements
Node Tree
Nodes
| pseudo_class | |
| content | Pseudo class |
| children | class_focus, class_hover, class_invalid, class_last_child, user_action_pseudo_class, selects_elem_particular_state (description), can_be_combined (can be combined with pseudo-elements), class_first_child |
| selects_elem_particular_state | |
| content | Selector that selects elements in a particular state |
| parents | pseudo_class |
| pseudo_element | |
| content | pseudo-element |
| children | content_property, element_first_line, whole_new_element (description), starts_with_double_colon (notation), can_be_combined (can be combined with pseudo-classes) |
| whole_new_element | |
| content | Acts as if you added a whole new element to the HTML markup |
| parents | pseudo_element |
| class_hover | |
| content | :hover |
| parents | user_action_pseudo_class, pseudo_class |
| class_first_child | |
| content | :first-child |
| parents | pseudo_class |
| class_last_child | |
| content | :last-child |
| parents | pseudo_class |
| class_invalid | |
| content | :invalid |
| parents | pseudo_class |
| class_focus | |
| content | :focus |
| parents | pseudo_class |
| user_action_pseudo_class | |
| content | User action pseudo class |
| children | class_hover, dynamic_pseudo_class (AKA), apply_when_user_interacts_doc |
| parents | pseudo_class |
| dynamic_pseudo_class | |
| content | Dynamic Pseudo Class |
| parents | user_action_pseudo_class |
| apply_when_user_interacts_doc | |
| content | applied when user interacts with the document |
| parents | user_action_pseudo_class |
| can_be_combined | |
| content | Can be combined |
| parents | pseudo_element, pseudo_class |
| starts_with_double_colon | |
| content | starts with "::" |
| parents | pseudo_element |
| element_first_line | |
| content | ::first-line |
| parents | pseudo_element |
| content_property | |
| content | Content Property |
| children | element_after (used with), element_before (used with) |
| parents | pseudo_element |
| element_before | |
| content | ::before |
| parents | content_property |
| element_after | |
| content | ::after |
| parents | content_property |