Priority issues CSS ----- css three styles and css selectors

 three styles css priority issues:

css generally three kinds of usage pattern is: inline, embedded, outside of formula

I.e., inline style writing in html Tags;

I.e., embedded Write css style <style type = "text / css"> XXX </ style> in, style label which is in the head;

I.e. formula external referenced by the link tag, external tag css file to control the style, but the head should be placed outside the tag label sytle. <Link rel = "stylesheet" href = "aaa.cs">

Order of priority: inline> inline> External formula

CSS selectors order of priority are:

! Important> inline style> ID selector> = class selector attribute selectors pseudo class selector => = relation tag selector pseudo-element selector selector => Selector Wildcard

Specific calculation level, the priority is determined by the value of the ABCD value calculation rules are as follows:

 

 

 

Guess you like

Origin www.cnblogs.com/zyl0123/p/11495850.html