Home>Article>Web Front-end> What is css cascading
css cascading is a basic feature of CSS. It is an algorithm that defines how to merge attribute values from multiple sources; CSS cascading means that when the CSS style configures the same attribute for the same element, it is based on cascading. Rules are used to handle conflicts, choosing to apply the attribute specified by the CSS selector with the highest weight.
The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer.
What is css cascading?
Cascading is a fundamental feature of CSS, an algorithm that defines how to combine property values from multiple sources. It is at the core of CSS, and the full name of CSS, Cascading Style Sheets, emphasizes this point.
CSS cascading means that when the CSS style configures the same attribute for the same element, it handles conflicts according to the cascading rules (weight) and selects the attribute specified by the CSS selector with high weight. It is also generally described as The ones with higher weights cover the ones with lower weights, so it is also called stacking.
Each CSS selector will have a weight. When two selectors configure the same attribute of the same element at the same time (for example, one sets color: red and the other color: black), a conflict will occur, and The solution to resolve the conflict is the weight of the CSS selector. The one with higher weight overrides the one with lower weight.
Cascading means that the style of the upper-level tag will be automatically inherited to all its lower-level tags. For example, the font style set for the tag selector set forwill be automatically applied to the tags under
, unless
overrides the related style by overriding it.
Stacking refers to the priority of styles. When a conflict occurs, the one with higher priority shall prevail:
Developer Style>Reader Style>Browse Selector style (unless using the !important tag)
css video tutorial】
The above is the detailed content of What is css cascading. For more information, please follow other related articles on the PHP Chinese website!