...this is a variant of the browser-targeting stylesheet used on some regular pages. The same order as in previous test-page, but with different corruption.
- Blue styles are applied (in sequense).
- Green styles are seen but not applied (because they are blocked by further filtering).
- Gray styles are not seen at all.
1: border-color: blue - open2: IE/Mac [ image ] - /* commented */3: Gecko [ image ] - @media all {...}4c: Opera 9.0+ [ image ] - @media all {...
!important }4a: Opera 7.0+ [ image ] - @media <!-- -->all {...
!important }4b: Opera 7.5+ [ image ] - @media <!-- -->all {... !important }5: IE/win [ image ] - @media all {...}6: Safari [ image ] - @media all {...}7: border-color: brown - open8: after corruption - @media all {...}
Work in progress. CSS is constantly changing, so see source code for the latest. Note: 4a & 4b (Opera) are inside the same, corrupted, wrapper.
Testing how browsers recover from parse errors caused by corrupted @media rules. This is by definition: non-valid CSS.
I'm introducing additional hurdles in order to strengthen browser-separation. Older versions of Opera can recover from most hurdles, mostly in line with IE/win. Opera 9.0+ is much stricter.
Ordinary filters used for IE/win & IE/Mac.
Javascript "detection" used for IE/win. This filter can be seen/testet below 600px browser-width.