Create a variable in .CSS file for use within that .CSS file [duplicate]

Question :

Create a variable in .CSS file for use within that .CSS file [duplicate],

Answer :

Possible Duplicate:

We have some “theme colors” that are reused in our CSS sheet.

Is there a way to set a variable and then reuse it?


.css  OurColor: Blue    H1 {    color:OurColor;  }  


There’s no requirement that all styles for a selector reside in a single rule, and a single rule can apply to multiple selectors… so flip it around:

/* Theme color: text */  H1, P, TABLE, UL  { color: blue; }    /* Theme color: emphasis */  B, I, STRONG, EM  { color: #00006F; }    /* ... */    /* Theme font: header */  H1, H2, H3, H4, H5, H6  { font-family: Comic Sans MS; }    /* ... */    /* H1-specific styles */  H1  {      font-size: 2em;      margin-bottom: 1em;  }  

This way, you avoid repeating styles that are conceptually the same, while also making it clear which parts of the document they affect.

Read More  How do I find records added to my database table in the past 24 hours?

Note the emphasis on “conceptually” in that last sentence… This just came up in the comments, so I’m gonna expand on it a bit, since I’ve seen people making this same mistake over and over again for years – predating even the existence of CSS: two attributes sharing the same value does not necessarily mean they represent the same concept. The sky may appear red in the evening, and so do tomatoes – but the sky and the tomato are not red for the same reason, and their colors will vary over time independently. By the same token, just because you happen to have two elements in your stylesheet that are given the same color, or size or positioning does not mean they will always share these values. A naive designer who uses grouping (as described here) or a variable processor such as SASS or LESS to avoid value repetition risks making future changes to styling incredibly error-prone; always focus on the contextual meaning of styles when looking to reduce repetition, ignoring their current values.

That’s the answer Create a variable in .CSS file for use within that .CSS file [duplicate], Hope this helps those looking for an answer. Then we suggest to do a search for the next question and find the answer only on our site.

Read More  Using C#/WIA version 2.0 on Vista to Scan

Disclaimer :

The answers provided above are only to be used to guide the learning process. The questions above are open-ended questions, meaning that many answers are not fixed as above. I hope this article can be useful, Thank you