{"json_modified": "2016-08-27T01:45:33.063021", "uuid": "8ec9ce48-8b02-4a81-9cc4-86ff5f858edf", "title": "Attribute selectors", "url": "/en-US/docs/Learn/CSS/Introduction_to_CSS/Attribute_selectors", "tags": ["value", "Attribute", "Beginner", "CSS", "substring", "Learn", "presence", "Article", "Guide", "beginner", "Selectors"], "translations": [], "modified": "2016-08-27T01:45:33", "label": "Attribute selectors", "localization_tags": [], "locale": "en-US", "id": 187896, "last_edit": "2016-08-27T01:45:28", "summary": "Attribute selectors are a special kind of selector\u00a0that will match elements based on their <a class=\"glossaryLink\" href=\"/en-US/docs/Glossary/attribute\" title=\"attributes: An attribute extends a tag, changing tag behavior or providing metadata. An attribute always has the form&#xA0;name=value&#xA0;(giving the attribute's identifier and the attribute's associated value).\">attributes</a> and attribute values. Their generic syntax consists of square brackets (<code>[]</code>) containing an attribute name followed by an optional condition to match against the value of the attribute. Attribute selectors can be divided into two categories depending on the way they match attribute values: <strong>Presence and value</strong> attribute selectors and <strong>Substring value</strong> attribute selectors.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Presence_and_value_attribute_selectors", "title": "Presence and value attribute selectors"}, {"id": "Substring_value_attribute_selectors", "title": "Substring value attribute selectors"}, {"id": "Active_learning_Styling_football_results", "title": "Active learning: Styling football results"}, {"id": "Playable_code_4", "title": "Playable code 4"}, {"id": "Coming_up_next", "title": "Coming up next"}], "slug": "Learn/CSS/Introduction_to_CSS/Attribute_selectors", "review_tags": []}