{"json_modified": "2016-08-27T01:45:34.331490", "uuid": "8fbe01b0-1e87-4377-acd6-b3f7312314a5", "title": "Pseudo-classes and pseudo-elements", "url": "/en-US/docs/Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_pseudo-elements", "tags": ["Pseudo", "Beginner", "CSS", "Learn", "Article", "Guide", "Pseudo-element", "Pseudo-class", "beginner", "Selectors"], "translations": [], "modified": "2016-08-27T01:45:34", "label": "Pseudo-classes and pseudo-elements", "localization_tags": [], "locale": "en-US", "id": 187894, "last_edit": "2016-08-27T01:45:18", "summary": "In this, the third in our series of articles on selectors, we discuss <strong>pseudo-selectors</strong> \u2014 these don't select actual elements, but rather certain parts of elements, or elements only in certain contexts. They come in two main types \u2014 <strong>pseudo-classes</strong> and <strong>pseudo-elements</strong>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Pseudo-classes", "title": "Pseudo-classes"}, {"id": "A_pseudo-class_example", "title": "A pseudo-class example"}, {"id": "Active_learning_A_zebra_striped_info_list", "title": "Active learning: A zebra striped info list"}, {"id": "Playable_code_5", "title": "Playable code 5"}, {"id": "Pseudo-elements", "title": "Pseudo-elements"}, {"id": "A_pseudo-element_example", "title": "A pseudo-element example"}, {"id": "Active_learning_A_fancy_paragraph", "title": "Active learning: A fancy paragraph"}, {"id": "Playable_code_6", "title": "Playable code 6"}, {"id": "Next_up", "title": "Next up"}], "slug": "Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_pseudo-elements", "review_tags": []}