01_type_class_id_selectors

dz / mdn / css / 1_css_building_blocks / 01_type_class_id_selectors

Summary

Type, Class, and ID selectors

Node Tree

• class_selector
  • dot
  • multi
    • chain
• id_selector
  • hashtag
  • id
    • once_per_page
    • one_id_per_elem
• type_selector
  • tag_name_selector
  • element_selector
    • tag_name_selector
• universal_selector
  • reset_stylesheet
  • selects_everything
  • asterisk
  • helps_with_readability

Nodes

type_selector
content	Type Selector
children	tag_name_selector, element_selector

element_selector
content	Element Selector
children	tag_name_selector (AKA)
parents	type_selector

tag_name_selector
content	Tag Name Selector
parents	element_selector, type_selector

class_selector
content	Class Selector
children	dot, multi

dot
content	notated with '.'
parents	class_selector

multi
content	multi
children	chain
parents	class_selector

chain
content	chain
parents	multi

universal_selector
content	Universal Selector
children	reset_stylesheet, selects_everything, asterisk, helps_with_readability

selects_everything
content	Selects everything in document
parents	universal_selector

asterisk
content	notated with '*"
parents	universal_selector

reset_stylesheet
content	Reset Stylesheet
parents	universal_selector

helps_with_readability
content	Can help with readability
parents	universal_selector

id_selector
content	ID selector
children	hashtag, id

hashtag
content	notated with '#'
parents	id_selector

id
content	ID
children	once_per_page, one_id_per_elem
parents	id_selector

once_per_page
content	Used Once Per Page
parents	id

one_id_per_elem
content	Elements can only have a single ID applied to them
parents	id