CSS - Which method is better?
- by Joe
Which is better in regards to processing time but also taking into account ease of use for a developer?
.font_small{ font-size:10px; }
.font_blue{ color:blue; }
.font_red{ color:red; }
<span class="font_small font_blue">Hello World!</span><br />
<span class="font_small font_red">Today's the day!</span>
OR
.font_blue_small{ color:blue; }
.font_red_small{ color:red; }
.font_blue_small .font_red_small { font-size:10px; }
<span class="font_blue_small">Hello World!</span><br />
<span class="font_red_small">Today's the day!</span>
OR
.font_blue_small{ color:blue; font-size:10px; }
.font_red_small{ color:red; font-size:10px; }
<span class="font_blue_small">Hello World!</span><br />
<span class="font_red_small">Today's the day!</span>
OR
Another option I haven't though of yet...?