Question: I have a class for a specific font color, and another class for a border color. When I assign an element the class for both, the font color class takes over for both the font and the border.

See example: <https://jsfiddle.net/e81jrzfu/>

```
html {
  background: #fff;
}
.border-gold {
  border-color: #f4cc55;
}
.color-red {
  color: #FF0000;
}
.midquote {
        display: block;
        margin: 1em;
        padding: 0.6em;
        text-align: center;
        border-top: 0.12em dashed; 
        border-bottom: 0.2em solid;
    }
    .midquote .icon {
        display: block;
        margin-top: -1.4em; 
    }
    .midquote i {
        background: #fff;
        padding: 0 0.6em 0 0.6em;
    }

    .quoting {
        display: block;
    }

```

And the HTML:

```
<div class="midquote color-red border-gold">

   <span class="icon"><i class="fa fa-quote-left"></i></span>
   This is an amazing quote from someone.
   <span class="quoting">Jon Doe</span>
</div>

```

Answer: 
This is happening because of the way you've specified your borders in the `.midquote` rule:

```
border-top: 0.12em dashed; 
border-bottom: 0.2em solid;

```

These reset the `border-color` declaration from your `.border-gold` rule to currentColor, which refers to the `color` property. [This is expected behavior.](https://stackoverflow.com/questions/8663510/set-css-border-color-to-text-color/8663547#8663547)

You can fix this by [using the longhands instead of the shorthands](https://jsfiddle.net/BoltClock/e81jrzfu/1):

```
.midquote {
    display: block;
    margin: 1em;
    padding: 0.6em;
    text-align: center;
    border-top-width: 0.12em;
    border-top-style: dashed;
    border-bottom-width: 0.2em;
    border-bottom-style: solid;
}

```

Or you can rearrange the rules so `.midquote` comes before all the others (which is probably what you intended).
if i understand it correctly you need to add *!important* for *.border-gold* for this as follow:

```
.border-gold {
  border-color: #f4cc55 !important;
}
.color-red {
  color: #FF0000;
}

```