Home/ Questions/Q 1044611
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T15:51:19+00:00

I always was told to take out multiple properties in your css that you

  • 0

I always was told to take out multiple properties in your css that you use more then once, and add them all in one rule. Like below. (please excuse the poor example)

I always seen this:

.button, .list, .items { color: #444; }

With multiple rules, can’t that leave a lot of clutter?

Only in css tutorials and examples Ive seen this:

.someColor { color: #444; }

And in the css, just add another class of ‘.sameColor’. (div class=”button someColor”)

I’ve never seen this and feels like it would leave less clutter in your CSS. Would this be okay? Or do you think it could leave with more clutter in your HTML ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try to name your classes independently of their visual effect. It is a nature of CSS to play with the design and layout without having to change the HTML. Class names such as .someColor or .left-sidebar are a bad practice. Colors and position can change.
    And also apply rules to semantic HTML elements rather than adding classes on all different divs and spans. It should be obvious, although many people get this wrong.

    CSS is a limited set of rules and that makes it a perfect creativity stimulator.

    • 0