CODEWITHSUNDEEP
css
BlueChameleon
BlueChameleon

Reputation: 934

CSS style declaration reusage

Lets say I have in my CSS a color definitions:

.headerColor   { background-color: #a6c9e2; }

Now I would also like to define a CSS definition that uses .headerColor:

.header        { padding-left: 2px; }

On the CSS level, how can I inherit .header from .headerColor? I know I can place the two styles on the HTML element (class='header headerColor'), but how can I assign .header to my HTML element and have it pull its parent styles?

Upvotes: 0

Views: 145

Answers (1)

Ovilia
Ovilia

Reputation: 7310

You can write like this:

.headerColor, .header   { background-color: #a6c9e2; }
.header                 { padding-left: 2px; }

Now, you just need to set class="header" in HTML.

Upvotes: 2

Related Questions