06_cascade_layers
dz / mdn / css / 1_css_building_blocks / 06_cascade_layersSummary
Cascade Layers
Node Tree
-
cascade_layers
- builds_on_cascade_specificity
- cascade_layer_precedence
- cascade_precedence_order
- creating_cascade_layers
- explicit_specificity_containers
- most_relevant_when
- nested_cascade_layers
- precedence
- precedence_order_nested_cascade_layer
- cascade_review
- multiple_dots_names_multiple_nesting
Nodes
| builds_on_cascade_specificity | |
| content | Builds on Cascade and Specificity |
| parents | cascade_layers |
| most_relevant_when | |
| content | Most relevant when importing from multiple sources when there are conflicting seletors and competing specificities |
| parents | cascade_layers |
| explicit_specificity_containers | |
| content | Explicit Specificity Containers |
| children | simpler_greater_control_declarations |
| parents | cascade_layers |
| simpler_greater_control_declarations | |
| content | Simpler and greater control over CSS declarations that get applied |
| parents | explicit_specificity_containers |
| cascade_review | |
| content | Cascade Review |
| children | cascade_origin_types, levels_of_precedence, steps_user_agent_runs_through, winning_declaration |
| steps_user_agent_runs_through | |
| content | Steps the user-agent runs through |
| children | clearly_defined_steps |
| parents | cascade_review |
| clearly_defined_steps | |
| content | Relevance, importance, origin, cascade layers, specificity |
| children | cascade_layer_precedence (focusing on "cascade layer" element) |
| parents | steps_user_agent_runs_through |
| levels_of_precedence | |
| content | Levels of precedence |
| children | styles_levels_of_precedence_list |
| parents | cascade_review |
| styles_levels_of_precedence_list | |
| content | User-agent normal, user normal, author normal, animated, author important, user important, user-agent important, transitioned |
| children | cascade_origin_types (elaboration on terminology in list) |
| parents | levels_of_precedence |
| cascade_origin_types | |
| content | Cascade Origin Types |
| children | cascade_origin_types_list |
| parents | cascade_review, styles_levels_of_precedence_list |
| cascade_origin_types_list | |
| content | User-agent, user, and author stylesheets |
| children | user, user_agent, author |
| parents | cascade_origin_types |
| user_agent | |
| content | User agent: browser |
| parents | cascade_origin_types_list |
| author | |
| content | Author: you (developer) |
| parents | cascade_origin_types_list |
| user | |
| content | User: Site visitor |
| parents | cascade_origin_types_list |
| winning_declaration | |
| content | For each property, declaration that "wins" is one from the origin with precedence based on the weight (normal/important) |
| children | origin_highest_precedence |
| parents | cascade_review |
| origin_highest_precedence | |
| content | Value from origin with highest precedence applied |
| children | precedence_over_specificity, winning_origin_multiple_declarations |
| parents | winning_declaration |
| winning_origin_multiple_declarations | |
| content | Winning origin more than one property declaration for element? |
| children | compare_specificity |
| parents | origin_highest_precedence |
| compare_specificity | |
| content | Compare specificity for competing values |
| parents | winning_origin_multiple_declarations |
| precedence_over_specificity | |
| content | Origin precedence always wins over selector specificity |
| parents | origin_highest_precedence |
| cascade_layer_precedence | |
| content | Cascade Layer Precedence |
| children | order_sets_precedence, suborigin_priority, unlayered_important_styles_cascade |
| parents | cascade_layers, clearly_defined_steps |
| suborigin_priority | |
| content | Sub-origin level of priority within an origin |
| parents | cascade_layer_precedence |
| unlayered_important_styles_cascade | |
| content | Unlayered important styles cascade together into implicit layer, precedence over non-transitioning normal styles |
| parents | cascade_layer_precedence |
| order_sets_precedence | |
| content | Order of layer creation sets precedence among layers within origin. |
| parents | cascade_layer_precedence |
| nested_cascade_layers | |
| content | Nested Cascade Layers |
| children | created_same_as_regular |
| parents | cascade_layers |
| creating_cascade_layers | |
| content | Creating Cascade Layers |
| children | import_at_rule, layer_at_rule, layer_creation_media_feature_queries |
| parents | cascade_layers |
| layer_at_rule | |
| content | @layer |
| parents | creating_cascade_layers |
| layer_keyword_or_layer_func | |
| content | Layer keyword or layer() function |
| children | assigns_file_contents_to_layer |
| parents | import_at_rule |
| statement | |
| content | statement |
| children | creates_layers_no_style |
| parents | import_at_rule |
| block | |
| content | block |
| children | create_anonymous_layers, styles_within_added_to_layer |
| parents | import_at_rule |
| creates_layers_no_style | |
| content | Creates (named) layers without assigning any styles |
| children | define_layer_order |
| parents | statement |
| styles_within_added_to_layer | |
| content | Styles with block added to named/unnamed layer |
| parents | block |
| define_layer_order | |
| content | Can be used to define layer order |
| parents | creates_layers_no_style |
| assigns_file_contents_to_layer | |
| content | Assigns imported file contents into that layer |
| parents | layer_keyword_or_layer_func |
| create_anonymous_layers | |
| content | Used to create anonymous layers |
| children | styles_added_to_anon_layer_creation_time |
| parents | block |
| normal_unlayered_over_layered | |
| content | Normal unlayered takes precedence over layered |
| parents | cascade_precedence_order |
| cascade_precedence_order | |
| content | Cascade Precedence Order |
| children | normal_unlayered_over_layered |
| parents | cascade_layers |
| styles_added_to_anon_layer_creation_time | |
| content | Styles can only be added to an anonymous layer at the time of its creation |
| parents | create_anonymous_layers |
| layer_creation_media_feature_queries | |
| content | Layer creation with media queries and feature queries |
| children | layer_not_created_no_match_unsupported_feature |
| parents | creating_cascade_layers |
| layer_not_created_no_match_unsupported_feature | |
| content | No layer is creatred if media is not a match or feature not supported |
| parents | layer_creation_media_feature_queries |
| defined_before_CSS_styles | |
| content | must be defined before any CSS styles within stylesheet or <style> block |
| parents | import_at_rule |
| preceded_by_charset | |
| content | Can be preceded by a @charset rule |
| parents | import_at_rule |
| import_stylesheet_into_layer | |
| content | Import stylesheet into named layer, nested layer, or anonymous layer |
| children | import_multiple_into_layer |
| parents | import_at_rule |
| import_multiple_into_layer | |
| content | import more than one CSS file into a single layer |
| parents | import_stylesheet_into_layer |
| import_create_layers_media_feature_queries | |
| content | Import/create layers based on media queries and feature queries (conditional) |
| parents | import_at_rule |
| created_same_as_regular | |
| content | Can be created same as regular layers |
| children | layer_at_rule_dot_notation |
| parents | nested_cascade_layers |
| layer_at_rule_dot_notation | |
| content | @layer using dot noation |
| parents | created_same_as_regular |
| multiple_dots_names_multiple_nesting | |
| content | Multiple dots and layer names signifies multiple layer_at_rule_dot_notation |
| precedence | |
| content | Precedence |
| children | important_order_precedence_reversed, normal_styles_lowest |
| parents | cascade_layers |
| normal_styles_lowest | |
| content | normal styles lowest priority |
| children | styles_declared_outside_layers (next) |
| parents | precedence |
| styles_declared_outside_layers | |
| content | Styles declared outside of layers |
| children | inline_style_attr (next) |
| parents | normal_styles_lowest |
| inline_style_attr | |
| content | Inline styles declared using style attribute |
| children | animating_styles (next) |
| parents | styles_declared_outside_layers |
| animating_styles | |
| content | Animating Styles |
| children | important (next) |
| parents | inline_style_attr |
| important | |
| content | !important |
| children | important_order_precedence_reversed, inline_important (next) |
| parents | animating_styles |
| inline_important | |
| content | Inline Important |
| children | important_order_precedence_reversed, transitioning_styles |
| parents | important |
| transitioning_styles | |
| content | Transitioning Styles |
| parents | inline_important |
| important_order_precedence_reversed | |
| content | Order of precedence reversed for important styles |
| parents | important, inline_important, precedence |
| precedence_order_nested_cascade_layer | |
| content | Precedence order of nested cascade layers |
| children | based_on_order_nested_creation |
| parents | cascade_layers |
| based_on_order_nested_creation | |
| content | Based on order of nested creation |
| parents | precedence_order_nested_cascade_layer |