datadoit
|
| Posted: 10/03/2007, 6:44 AM |
|
CCS 3.2
When working with the CCS Styles Builder, it creates the appropriate
stylesheets. That's great. However, I also need to use my own custom
stylesheets.
Is there a way in my custom stylesheet to make certain entries
'override' entries in the CCS stylesheet?
Example: CCS will create this entry in Style.ccs:
/* BEGIN Common */
body {
font-family: Verdana; font-size: 80%;
}
but I may not necessarily want that font family and size, so in my
stylesheet I'll have:
body {
font-family: arial; font-size: 11px;
}
What I'm finding is the CCS stylesheet is "winning" (for lack of a
better word) these conflicts. I want to avoid going directly into the
stylesheets that CCS creates and editing or removing entries, so that
future Style Builder edits can be made within the application.
How can I make entries in my own stylesheet to override entries in CCS's
stylesheets? Is there some sort of character or command to use that
should prepend my entries?
|
|
|
 |
Hidran
|
| Posted: 10/03/2007, 8:37 AM |
|
It is enough to put your css stylesheet under the one created by Codecharge
in order to ovveride any class CCS generates.
Hidran
"datadoit" <datadoit@forum.codecharge> ha scritto nel messaggio
news:fe06c7$prn$1@news.codecharge.com...
> CCS 3.2
>
> When working with the CCS Styles Builder, it creates the appropriate
> stylesheets. That's great. However, I also need to use my own custom
> stylesheets.
>
> Is there a way in my custom stylesheet to make certain entries 'override'
> entries in the CCS stylesheet?
>
> Example: CCS will create this entry in Style.ccs:
>
> /* BEGIN Common */
> body {
>
> font-family: Verdana; font-size: 80%;
> }
>
> but I may not necessarily want that font family and size, so in my
> stylesheet I'll have:
>
> body {
> font-family: arial; font-size: 11px;
> }
>
> What I'm finding is the CCS stylesheet is "winning" (for lack of a better
> word) these conflicts. I want to avoid going directly into the
> stylesheets that CCS creates and editing or removing entries, so that
> future Style Builder edits can be made within the application.
>
> How can I make entries in my own stylesheet to override entries in CCS's
> stylesheets? Is there some sort of character or command to use that
> should prepend my entries?
>
|
|
|
|
datadoit
|
| Posted: 10/03/2007, 10:18 AM |
|
Hidran wrote:
> It is enough to put your css stylesheet under the one created by Codecharge
> in order to ovveride any class CCS generates.
> Hidran
------------------------
Yes you are right Hidran.
I've found that the -order- for which you call the stylesheets matter.
Example:
<link href="Styles/{CCS_Style}/Style.ccs">
<link href="Styles/{CCS_Style}/MyStyles.ccs">
My entries will override CCS entries. But if I do:
<link href="Styles/{CCS_Style}/MyStyles.ccs">
<link href="Styles/{CCS_Style}/Style.ccs">
CCS's styles will override mine.
Same applies for using @import "MyStyles.ccs" within the stylesheet.
The location in which this command is placed matters.
Thanks!
|
|
|
|
DonB
|
| Posted: 10/04/2007, 5:57 PM |
|
"Specificity" matters. That is, the more specific the reference, the
greater 'importance' the style element is assigned. Those with higher
specificity override those with lower values.
http://www.w3.org/TR/CSS21/cascade.html#cascade
--
DonB
http://ccswiki.gotodon.net
"datadoit" <datadoit@forum.codecharge> wrote in message
news:fe0iso$vhj$1@news.codecharge.com...
> Hidran wrote:
> > It is enough to put your css stylesheet under the one created by
Codecharge
> > in order to ovveride any class CCS generates.
> > Hidran
> ------------------------
>
> Yes you are right Hidran.
>
> I've found that the -order- for which you call the stylesheets matter.
>
> Example:
>
> <link href="Styles/{CCS_Style}/Style.ccs">
> <link href="Styles/{CCS_Style}/MyStyles.ccs">
>
> My entries will override CCS entries. But if I do:
>
> <link href="Styles/{CCS_Style}/MyStyles.ccs">
> <link href="Styles/{CCS_Style}/Style.ccs">
>
> CCS's styles will override mine.
>
> Same applies for using @import "MyStyles.ccs" within the stylesheet.
> The location in which this command is placed matters.
>
> Thanks!
|
|
|
|
datadoit
|
| Posted: 10/04/2007, 6:43 PM |
|
DonB wrote:
> "Specificity" matters. That is, the more specific the reference, the
> greater 'importance' the style element is assigned. Those with higher
> specificity override those with lower values.
>
> http://www.w3.org/TR/CSS21/cascade.html#cascade
>
-------------------------
"... sort by order specified: if two declarations have the same weight,
origin and specificity, the latter specified wins. Declarations in
imported style sheets are considered to be before any declarations in
the style sheet itself."
Awesome stuff Don!
|
|
|
|
|
