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 mobile table. See also the desktop table.

Last major update on 24 September 2014.

I'm writing a CSS book.

No UC Mini tests; turns out I’d have to rewrite all the tests specifically for that beastly browser.

iOS Android Chromium UC 9 BlackBerry Nokia Xpress UC Mini Opera Nintendo Dolphin IE FF And
7 8 2 4 Sa Puf Cy Op Go 6 7 10 Mini Classic 9 10 11
@import
To import another style sheet 		Yes Yes Yes Yes Yes Yes - Yes Yes
Scoped styles
To apply styles to part of the document 		No No Yes No Yes No No - No Yes No Yes
!important
Increases the specificity of a style rule. 		Yes Yes Yes Yes Yes Yes - Yes Yes
all
Targets all CSS properties. Only the inherit, initial, and unset values are allowed. 		No No No Yes No No No - No No Yes
inherit value
 Yes Yes Yes Yes Yes Yes - Yes Yes
initial value
The initial value as specified in the CSS spec 		Yes Yes Yes Yes Yes No - No Yes No Yes
unset value
Sets the value to inherit if that’s the default; to initial otherwise 		No No No Minimal No No No - No No Yes
  • Blink-based browsers support it only on the all declaration; not on just any declaration.
iOS Android Chromium UC 9 BlackBerry Nokia Xpress UC Mini Opera Nintendo Dolphin IE FF And
7 8 2 4 Sa Puf Cy Op Go 6 7 10 Mini Classic 9 10 11

Browsers

Mobile browser test array 2.0; September 2014

This revision has quite a few changes from the 1.3 one; see my notes.

iOS 7
WebKit 537
Default browser on iPad 2 with iOS 7.1.2
iOS 8
WebKit 600
Default browser on iPhone 4S with iOS 8.0
Android 2
WebKit 533
Default browser on HTC Legend, Android 2.2
Default browser on Samsung Galaxy Pocket, Android 2.3.6
Default browser on Sony Reader PRS-T3. I’ve heard it’s Android 2-based, but of course it’s nearly impossible to get some actual information.
Android 4
WebKit 534
Default browser on Xiaomi M2, Android 4.1.1
Default browser on Huawei C8813, Android 4.1.1
Default browser on Samsung Galaxy Note I, Android 4.1.2
Default browser on Sony Xperia S, Android 4.1.2
Default browser on LG L5, Android 4.1.2
Default browser on Wolfgang AT-AS45FW, Android 4.2.2 (see note below)
Default browser on HTC One X, Android 4.2.2
Default browser on Samsung Galaxy S3, Android 4.3
Default browser on HTC M8, Android 4.4.2
Chromium Samsung
Blink; Chromium 28
Default browser on Samsung Galaxy S4, Android 4.4.2
This is Samsung’s Chrome.
Chromium Puffin
Blink 30; apparently
Possibly proxy-ish browser; doesn’t make connection to my internal server, but does do some stuff client-side.
3.7 Free Edition on Samsung Galaxy Note, Android 4.1.2; claims to be Chrome 30
Chromium Cyanogen
Blink; Chromium 33
Default browser on Galaxy Nexus flashed with Cyanogenmod 11, Android 4.4.4
This is Cyanogen’s Chrome.
Chromium Opera
Blink; Chromium 37
24 on LG L5, Android 4.1.2
24 on HTC M8, Android 4.4.2
This is Opera Mobile.
Chromium Google
Blink; Chromium 37
Default browser on Nexus 7, Android 4.4.2
Default browser on Motorola Moto G, Android 4.4.4
This is Google’s regular Chrome. I test it only on devices where it is the default browser.
UC
WebKit 534
UC 9.9.2 on Samsung S3, Android 4.3
UC 9.9.2 on Xiaomi M2, Android 4.1.1
UC 9.9.3 on Huawei C8813, Android 4.1.1
The largest Chinese browser. This is the full variant, not the proxy. These browsers were pre-installed (next to Android WebKit; don’t ask me why).
BlackBerry 6
WebKit 534
Default browser on BB Torch 9800 (OS6)
BlackBerry 7
WebKit 534
Default browser on BB Torch 9810 (OS7)
BlackBerry 10
WebKit 537
Default browser on BlackBerry Z10 (BB OS 10.1)
A new BB10 version has been released, but my device cannot connect to the update server.
This device has 1GB of internal memory instead of the customary 2GB, which may matter in performance tests.
Nokia Xpress
Gecko 20100401; this version was used for some Firefoxes from 3 to 4.
Proxy browser
5.5 on the Nokia Asha 311, S40.
UC Mini
Gecko; don’t know version number
Proxy browser
8.8 on HTC One X, Android 4.2.2
9.4 on Motorola Moto G, Android 4.4.2
9.4 on Wolfgang AT-AS45FW, Android 4.2.2 (see note below)
Opera Mini
Presto
Proxy browser
7.6 on Samsung Galaxy S4, Android 4.4.2
8.0 on BB Torch 9800 (OS6)
8.0.3 on iPad 2, iOS 7.1.2
Opera Classic
Presto
12.10 on Samsung Galaxy Pocket, Android 2.3.6
Nintendo
WebKit 536
Nintendo browser 3.0.3 on Wii U (OS version unfindable)
Supposed to be based on NetFront, which in turn is WebKit-based nowadays.
Dolphin
WebKit 534
Dolphin 11.23 with JetPack on Sony Xperia S, Android 4.1.2.
Independent full browser for Android, as long as you install both Dolphin and the Jetpack extension.
IE9
Trident
Default browser on Nokia Lumia 800, Windows Phone 7.5.
IE10
Trident
Default browser on Nokia Lumia 520, Windows Phone 8.0.
IE11
Trident
Default browser on Nokia Lumia 820, Windows Phone 8.1 “Update”
This is a developer phone. That might matter.

Firefox Android
Gecko 32
32 on LG L5, Android 4.1.2
32 on Samsung Galaxy S4, Android 4.4.2
Firefox OS
Temporarily no tests; waiting for Flame

Wolfgang AT-AS45FW note: Wolfgang is a Dutch importer and re-brander of phones. In this particular case they seem to have bought Chinese (? probably) phones, re-branded them, then re-sold them to the Whoop company, which re-branded them and sold them to the Hema chain of supermarkets, which sells them to consumers as the Whoop Echo. Supply chain management FTW!