6 Assigning property values, Cascading, and Inheritance

Chapter 6 - Assigning property values, Cascading, and Inheritance - 6 Assigning property values, Cascading, and Inheritance

Go to the relevant page of the specification.

at-import-001
@import not as the first declaration
An @import is ignored if it is not the first statement in a style block.
at-import-002
Importing external stylesheets with @import
An @import used to import external stylesheets.
at-import-003
Importing styles using @import with a string
An @import used with just a string is interpreted as if it had url(...) around it.
at-import-004
Media dependency on @import set to 'print'
Specifying a media-dependency of print does not apply rules to the user agent display.
at-import-005
Media dependency on @import set to 'all'
Specifying the media-dependency of 'all' applies to all media types including user agent display.
at-import-006
Media dependency on @import set to 'screen'
Specifying the media-dependent import rules to 'screen' applies to user agent display.
at-import-007
@import with @charset
An @import is valid after @charset.
html-precedence-002
Universal selector precedence
The universal selector and the 'color' attribute have the same specificity. The universal selector is applied since CSS takes precedence.
html-precedence-003 (userstyle)
User style sheet precedence
The 'font' element's 'color' attribute trumps the user stylesheet's universal selector. They have the same specificity but the font element is a virtual author rule.
inherited-value-002 (ahem)
Inheriting computed values
The computed value of a font-size with a percentage is the percentage of its parent's font-size value. A nested element which also has a percentage applies the parents' specified value (which is inherited).
user-stylesheet-001 (userstyle)
User defined stylesheet can be applied
User stylesheet can be applied to the page.
user-stylesheet-002 (interact, userstyle)
User defined stylesheet can be applied and persisted
The user stylesheet is still applied after close and reopen the user agent window.
user-stylesheet-003 (userstyle)
Rules with normal declarations in an user defined stylesheet can be overriden by rules with normal declarations from author in a style block
A CSS rule (with normal - not !important - declarations) in an author style sheet have more weight than a CSS rule (with normal - not !important -declarations) in an user style sheet.
user-stylesheet-004 (userstyle)
Rules with normal declarations in an user defined stylesheet can be overriden by normal declarations from author in an inline style attribute
A normal - not !important - declaration in an inline style from author have more weight than a CSS rule (with normal - not !important -) declarations in an user style sheet.
user-stylesheet-005 (userstyle)
Descendant selector defined in user stylesheet can be applied
The descendant selector defined in user stylesheet is applied to the appropriate element.
user-stylesheet-006 (userstyle)
Child selector defined in user stylesheet can be applied
The child selector defined in user stylesheet is applied to the appropriate element.
user-stylesheet-007 (userstyle)
Adjacent sibling selector defined in user stylesheet can be applied
The adjacent sibling selector defined in user stylesheet is applied to the appropriate element.
user-stylesheet-008 (userstyle)
Attribute selector defined in user stylesheet can be applied
The attribute selector defined in user stylesheet is applied to the appropriate element.
user-stylesheet-009 (userstyle)
ID selector defined in user stylesheet can be applied
The ID selector defined in user stylesheet is applied to the appropriate element.
user-stylesheet-010 (userstyle)
Pseudo-class selector :first-child defined in user stylesheet can be applied
The pseudo-class selector :first-child defined in user stylesheet is applied to the first child of an element.
user-stylesheet-011 (userstyle)
Pseudo-element first-line selector defined in user stylesheet can be applied
The pseudo-element selector :first-line defined in user stylesheet is applied to the first line of an element.
user-stylesheet-012 (history, userstyle)
Link defined in user stylesheet can be applied
The pseudo-class selector :link defined in user stylesheet is applied to all links.
user-stylesheet-013 (interact, userstyle)
Visited selector defined in user stylesheet can be applied
The pseudo-class selector :visited defined in user stylesheet is applied when a link has already been visited.
user-stylesheet-014 (interact, userstyle)
Hover defined in user stylesheet can be applied
The pseudo-class selector :hover defined in user stylesheet is applied when the mouse is above an element.
user-stylesheet-015 (interact, userstyle)
Pseudo-class :active defined in user stylesheet can be applied
The pseudo-class selector :active defined in user stylesheet is implemented.
user-stylesheet-016 (userstyle)
Pseudo-element first-letter selector defined in user stylesheet can be applied
The pseudo-element selector :first-letter defined in user stylesheet is applied to the first letter of an element.
user-stylesheet-017 (userstyle)
Pseudo-element before selector defined in user stylesheet can be applied
The pseudo-element selector :before defined in user stylesheet is inserted before an element.
user-stylesheet-018 (userstyle)
Pseudo-element after selector defined in user stylesheet can be applied
The pseudo-element selector :after defined in user stylesheet is inserted after an element.