I am trying to create a framework where my most common CSS attributes are in a common place. For example, I might have a style sheet for a local site like this.
---------------------------------- @import url(http://MyDomain/CSS/base.css); A {color: green;} @media print{ H1 {font-size: 14pt;} } ---------------------------------- The problem is that base.css might set the A attribute to blue. So now, the sequence is this when printing: 1. Set A to blue in base. 2. Set A to black in base's print media section. 3. Set A to green in the local style sheet. I could set A to black again in the local print media but that means doing the same for every attribute in the local style sheet that I modified. I tried getting around this by splitting out the base print statements and adding another @import in the local print media section but @import can only be added at the top of the file. I guess my next attempt will be this: -------------------------------------------- @import url(http://MyDomain/CSS/base.css); @import url(MyLocalBase.css); @import url(http://MyDomain/CSS/print.css); @import url(MyLocalPrint.css); -------------------------------------------- Can anyone suggest a more elegant solution? -- D'Arcy J.M. Cain <da...@druid.net> | Democracy is three wolves http://www.druid.net/darcy/ | and a sheep voting on +1 416 788 2246 (DoD#0082) (eNTP) | what's for dinner. IM: da...@vex.net, VoIP: sip:da...@druid.net ______________________________________________________________________ css-discuss [css-d@css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
