Changing between CSS Class properties in CSS

Question

In CSS, I was wondering if there was some way how one could use the properties given to an element via a class that would overwrite those given from a class. For example, it would look something like this:

.div_class {
  font-family: Arial;
  color: white;
}

.special_class {
  font-family: "Times New Roman";
  color: green;
}

And the HTML would look something like this:

<div class="div_class">
  <h3>Normal</h3>
  <h3 class="special_class">Special  </h3>
  <h3>Normal</h3>
</div>

Apologies if I've made an error in my code, but this is the basic gist. Thanks!

I am not sure what you are asking. Can element class property overwrite parent's properties? — Armin
– Armin, Commented Feb 6, 2017 at 12:55
you can use .div_class .special_class {} to overwrite, please try to avoind !important - it can get your code messy — Kasia
– Kasia, Commented Feb 6, 2017 at 12:57
You're code is working as expected codepen.io/sujanadiga/pen/ygqBWv — Sujan Adiga
– Sujan Adiga, Commented Feb 6, 2017 at 12:58

Tschallacka · Accepted Answer · 2017-02-06 13:08:30Z

3

You've got some mistakes in your code, as unclosed tag h3 and unclosed css rules, I mean you didn't put a closing braces in the rules. Here is a fixed code

.div_class {
  font-family: Arial;
  color: yellow;
  text-shadow: 1px 1px 0px #000;
}
.special_class {
  font-family: "Times New Roman";
  color: green;
  text-shadow: initial;
}

<div class="div_class">
  <h3>Normal</h3>
  <h3 class="special_class">Special</h3>
  <h3>Normal</h3>
</div>

edited Feb 6, 2017 at 13:08

Tschallacka

28.9k15 gold badges99 silver badges140 bronze badges

answered Feb 6, 2017 at 12:58

Banzay

9,4802 gold badges32 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

Changing between CSS Class properties in CSS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related