Equal the value of a CSS property based on another property

Question

I have in my CSS:

body
{
    font-size: 0.87em;
    font-family: Calibri, Arial, Georgia, Verdana, Tahoma, Microsoft Sans Serif;
    margin: 0;
    padding: 0;
    color: #666666;
}

a:link
{
    color: rgb(124,71,111);
    text-decoration: underline;
}
a:visited
{
    color: rgb(41, 12, 36);
}
a:hover
{
    color: rgb(91,25,79);
    text-decoration: none;
}
a:active
{
    color: #AB6D9C;
}

the question is to the latter tag ".remove-linkcolor"

.remove-linkcolor
{

}

I would like the links to 'a' that is associated with the class '.remove-linkcolor' the following attributes are changed:

The color is the same color of normal text How to avoid duplication of code and put the same color of another tag?
Remove effects of active, hover normally would, but to continue as a link, so if you click the User, the same is executed.

Amadan · Accepted Answer · 2011-03-26 23:39:58Z

1

Not sure I understand your question 2. However, I think this is the answer you need:

The only way to remove duplication of code in CSS is through combined selectors, something like:

body {
  font-size: 0.87em;
  font-family: Calibri, Arial, Georgia, Verdana, Tahoma, Microsoft Sans Serif;
  margin: 0;
  padding: 0;
}

body, .remove-linkcolor {
  color: #666666;
}

But then you end up repeating the selector, often. The only other way is not to do CSS: use SASS or similar CSS compiler.

answered Mar 26, 2011 at 23:39

Amadan

199k23 gold badges252 silver badges321 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Equal the value of a CSS property based on another property

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related