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

RESOLVED INVALID

Status

()

Core
CSS Parsing and Computation
RESOLVED INVALID
10 years ago
10 years ago

People

(Reporter: Gary Johnson, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(2 attachments)

(Reporter)

Description

10 years ago
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
(Reporter)

Comment 1

10 years ago
Created attachment 319579 [details]
html file for test case

the html file for the test case
(Reporter)

Comment 2

10 years ago
Created attachment 319580 [details]
The print media css file for the test case

The print media test case

Comment 3

10 years ago
--> 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.
(Reporter)

Comment 4

10 years ago
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>
Status: UNCONFIRMED → RESOLVED
Last Resolved: 10 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.