mdn/css/1_css_building_blocks/02_attribute_selectors

02_attribute_selectors

dz / mdn / css / 1_css_building_blocks / 02_attribute_selectors

Summary

attribute selectors

Node Tree

Nodes

presence_value_selectors
content Presence and Value Selectors
children attr, attr_pipe_val, attr_tilde_val, attr_val, case_insensitivity, select_based_on_attribute_presence (description), substring_matching_selectors

select_based_on_attribute_presence
content Select element based on presence of attribute alone
parents presence_value_selectors

substring_matching_selectors
content Substring matching selectors
children attr_asterisk_val, attr_carrot_val, attr_dollar_val, substrings_in_attribute (description)
parents presence_value_selectors

substrings_in_attribute
content More advanced matching of substrings in attribute value
parents substring_matching_selectors

attr
content [attr]
parents presence_value_selectors

attr_val
content [attr = val]
parents presence_value_selectors

attr_tilde_val
content [attr ~= val]
parents presence_value_selectors

attr_pipe_val
content [attr |= val]
parents presence_value_selectors

attr_carrot_val
content [attr ^= val]
parents substring_matching_selectors

attr_dollar_val
content [attr $= val]
parents substring_matching_selectors

attr_asterisk_val
content [attr *= val]
parents substring_matching_selectors

case_insensitivity
content Case-insensitivity
children i_before_closing_bracket (how to turn on)
parents presence_value_selectors

i_before_closing_bracket
content i before closing bracket
parents case_insensitivity
remarks syntax: [a=v i]