Overriding Class Style

I have a lot of DIV tags on a web page. And they all defined by either Class A or Class B.

One tag might look like this:

[CODE]<div class=”a”>…</div>[/CODE]

The majority of my tags are class A, and only a hand full are class B.

I’m thinking a great way to slim down my code would be to have all DIV tags defined as class A style, and the handful of B tags have class B style.

Would this work or is it bad form?

I’m thinking about something like this:

[CODE]<style>
div{…class A style…}
.b{…class B style…}
</style>

<div>…</div>
<div>…</div>
<div>…</div>
<div>…</div>
<div class=”b”>…</div>[/CODE]

What does everyone think?

Also in #CSS _↴