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.