CSS3 - cascading and inheritance

Cascading and inheritance

Back to the index.

CSS3 cascading and inheritance specification.

This module contains a few specialized keywords to control CSS’s cascading and inheritance. Some of them, like @import and the inherit value, have been around for a long time. Others are new.

This is the desktop table. See also the mobile table.

Last major update on 23 September 2014.

I'm writing a CSS book.

Method or property	Internet Explorer					Firefox			Safari	Chrome			Opera		Yandex
Method or property	7 and lower	8	9	10	11	32 Win	32 Mac	32 Linux	7	37 Win	37 Mac	37 Linux	24 Win	24 Mac	14 Win	14 Mac
@import To import another style sheet	Yes					Yes			Yes	Yes			Yes		Yes
@import To import another style sheet	IE8 doesn’t support media queries, so it doesn’t support the conditional test with media queries, either.
Scoped styles To apply styles to part of the document	No					Yes			No	No			No		No
Scoped styles To apply styles to part of the document
!important Increases the specificity of a style rule.	Yes					Yes			Yes	Yes			Yes		Yes
!important Increases the specificity of a style rule.
all Targets all CSS properties. Only the `inherit`, `initial`, and `unset` values are allowed.	No					Yes			No	Yes			Yes		No

inherit value Special test for IE8	Minimal	Yes				Yes			Yes	Yes			Yes		Yes
inherit value Special test for IE8	Old note; can’t remember from when: IE7 and lower support it only on visibility and direction. IE7 sure doesn’t support the special IE8 test, so I guess it could be true.
initial value The initial value as specified in the CSS spec	No					Yes			Yes	Yes			Yes		Yes

unset value Sets the value to `inherit` if that’s the default; to `initial` otherwise	No					Yes			No	Minimal			Minimal		Minimal
	Chrome, Opera, and Yandex support it only on the `all` declaration; not on just any declaration.
Method or property	Internet Explorer					Firefox			Safari	Chrome			Opera		Yandex
Method or property	7 and lower	8	9	10	11	32 Win	32 Mac	32 Linux	7	37 Win	37 Mac	37 Linux	24 Win	24 Mac	14 Win	14 Mac

Browsers

Desktop browser test array 2.0; September 2014

IE7 and lower: I removed them, so they’re not tested for newer methods and properties that they don’t support anyway. However, I copy all information from older versions of the Tables.; If IE8 supports a method or property I never tested before I have to guess if IE7 and lower also support it. In general I assume they support the Microsoft-invented properties, but for others I will occasionally have to add a "Don’t know" entry. If IE8 does not support something I never tested before, I assume IE7 and lower also don’t support it.
IE 8, 9, and 10: Trident; On separate Windows 7 virtualizations
IE11: Trident; On Windows 8.1 virtualization; On Surface
Firefox: Gecko; 32 on Windows 7, Mac, and Linux
Safari: WebKit; 7.0.5 on Mac
Chrome: Blink 37; 37 on Win7, Mac and Linux
Opera 24: Blink 37; 24.0 on Win7 and Mac
Yandex 14: Blink 35; 14.0 on Win7; 14.0 on Mac

Operating systems

Mac: MacBook Pro 17'' with OS 10.9.4; This is my main test station. It also runs all virtual Windows systems.
Windows: All downloaded from modern.ie. I use VirtualBox, and downloded the Windows 7 systems for all browsers but IE11, which runs on Windows 8.1.; The non-IE Windows browsers all run on the IE9/Win7 virtualization.
Surface: Microsoft Surface with Windows RT 8.1
Linux: Ubuntu 12.04 on pretty old hardware. Not fair for performance comparisons.