02_attribute_selectors

dz / mdn / css / 1_css_building_blocks / 02_attribute_selectors

Summary

attribute selectors

Node Tree

• presence_value_selectors
  • select_based_on_attribute_presence
  • substring_matching_selectors
    • substrings_in_attribute
    • attr_asterisk_val
    • attr_carrot_val
    • attr_dollar_val
  • attr
  • attr_pipe_val
  • attr_tilde_val
  • attr_val
  • case_insensitivity
    • i_before_closing_bracket

Nodes

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

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	substrings_in_attribute (description), attr_asterisk_val, attr_carrot_val, attr_dollar_val
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]