How better to use?

[nuodas159]

Which example better?

First Example:

text-h {
text-decoration: none;
}

text-h2 {
text-decoration: none;
font-size: 15px;
}

Second example

text-h, text-h2 {
text-decoration: none;
}

text-h2 {
font-size: 15px;
}

[Paulie_D]

2nd example…if only because it has a smaller file size.

[pmac627]

I agree. 2nd example is better. I had always done it the first way for a long time. But as I’ve gained experience, I have come to like the second approach. If you have a lot of styles that overlap, that approach really saves not only space but makes changes a lot easier.

[chrisburton]

What I usually do is write my code in the way I want each class or ID styled. When I’m finished I’ll go back through and combine the similarities between classes or ID’s (show in example 2).

[nuodas159]

thanks for comment :)

[Vermaas]

@ChristopherBurton: why don’t you do that the first time?

Ontopic: second approach

[chrisburton]

@Vermaas It’s just the way I work. No particular reason.

[nuodas159]

One more example:

Which example better?

First-example:

background {
background: url(“blabla.png”) no-repeat;
}

Second-example:

background {
background-image: url(“blabla.png”);
background-repeat: no-repeat;
}

[Paulie_D]

Either works.

I tend to use the first option for single background images.

If I have multiple bg images then I find it somewhat easier to comma separate onto individual lines and each property.

background {
background-image:
url(“blabla.png”)’
url(“blafoor.png”);

background-repeat:
no-repeat,
repeat;
}

[Author]

Posts