{"json_modified": "2016-08-27T01:45:43.459430", "uuid": "a4060d7f-89d1-46c0-8572-306e3f9fccc6", "title": "Simple selectors", "url": "/en-US/docs/Learn/CSS/Introduction_to_CSS/Simple_selectors", "tags": ["Guide", "Beginner", "Class", "Type", "CSS", "Learn", "id", "universal", "Element", "Article", "beginner", "Selectors"], "translations": [], "modified": "2016-08-27T01:45:43", "label": "Simple selectors", "localization_tags": [], "locale": "en-US", "id": 187898, "last_edit": "2016-08-27T01:45:38", "summary": "In our first selectors article we'll learn about \"simple\" selectors, so-called because they directly match one or more elements of a document, based on the type of element (or its <code>class</code> or <code>id</code>.)", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Type_selectors_aka_element_selectors", "title": "Type selectors aka element selectors"}, {"id": "Active_learning_Selecting_different_elements", "title": "Active learning: Selecting different elements"}, {"id": "Playable_code", "title": "Playable code"}, {"id": "Class_selectors", "title": "Class selectors"}, {"id": "Active_learning_Handling_multiple_classes", "title": "Active learning: Handling multiple classes"}, {"id": "Playable_code_2", "title": "Playable code 2"}, {"id": "ID_selectors", "title": "ID selectors"}, {"id": "Active_learning_assigning_the_winner's_colors_with_IDs", "title": "Active learning: assigning the winner's colors with IDs"}, {"id": "Playable_code_3", "title": "Playable code 3"}, {"id": "Universal_selector", "title": "Universal selector"}, {"id": "In_the_next_article", "title": "In the next article"}], "slug": "Learn/CSS/Introduction_to_CSS/Simple_selectors", "review_tags": []}