Main Page/PHYS 1420
Jump to navigation
Jump to search
CSS Priority scheme (highest to lowest)
| High Priority | CSS Source Type | Description |
|---|---|---|
| 1 | User defined | Most browsers have the accessibility feature: a user defined CSS |
| 2 | Inline | A style applied to an HTML element via HTML ‘style’ property |
| 3 | Media Type | A property definition applies to all media types, unless a media specific CSS defined |
| 4 | Importance | The ‘!important’ value overwrites the previous priority types |
| 5 | Selector specificity | A specific contextual selector (#heading p) overwrites generic definition |
| 6 | Rule order | Last rule declaration has a higher priority |
| 7 | Parent inheritance | If a property is not specified, it will be inherited from a parent element |
| 8 | CSS property definition in HTML document | CSS rule or CSS inline style overwrites a default browser value |
| 9 | Browser default | The lowest priority: browser default value is determined by W3C initial value specifications |
