432447 - border-right in media="print" does not over-ride html

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Gary Johnson]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14

an element with this class displays fine in html
.pUP
{
	border-right: 1px solid red;
}
entering this (an various permutations) should stop the display of the border-right in print preview

.pUP
{
border-right: none;
}


Reproducible: Always

Steps to Reproduce:
1. display test case file
2. hit print preview or print

Actual Results:  
the border-right displays

Expected Results:  
3. the border-right should not display

Comment 1

[Gary Johnson]

Attachment: html file for test case

the html file for the test case

Comment 2

[Gary Johnson]

Attachment: The print media css file for the test case

The print media test case

Comment 3

[John P Baker]

--> Invalid

The cascade uses the order of the stylesheets in the head

http://www.w3.org/TR/html401/present/styles.html#h-14.4

In this case you need to put the print media link after the style element.

Comment 4

[Gary Johnson]

Thanks Include all global style sheets first, specify media specific sheets after. 
<style type="text/css">
.pUP { 	border-right: 1px solid red; }
</style>
<STYLE media="print" type="text/css">
.pUP { 	border-right: none; }
</STYLE>