Home/ Questions/Q 7492443
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T16:26:28+00:00

my stylesheets tend to have a lot of redundancy. for example, /* example one:

  • 0

my stylesheets tend to have a lot of redundancy. for example,

/* example one: different attributes */
div#main_work > div.main_work table.data td span.rating,
div#main_work > div.main_work table.data td span.follow 
   { white-space: nowrap; vertical-align: center; }

/* example two: same upstream, different downstream */
div#main_work > div.main_work > form table,
div#main_work > div.main_work > table,
div#main_work > div.main_work div table
   { width: 100%; margin: 0px;  -moz-box-sizing: border-box; box-sizing: border-box; }

is there a syntactically correct way to collapse this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    No, that’s just how it is. You could alleviate some troubles by being less specific about things, especially in ID selectors:

    /* example one: different attributes */
#main_work > .main_work .data .rating,
#main_work > .main_work .data .follow 
   { white-space: nowrap; vertical-align: center; }

/* example two: same upstream, different downstream */
#main_work > .main_work > form table,
#main_work > .main_work > table,
#main_work > .main_work div table
   { width: 100%; margin: 0px;  -moz-box-sizing: border-box; box-sizing: border-box; }

    And you can probably reduce this further. Try to be concise and obvious about the intent. As another alternative, you might try LESS stylesheets.

    • 0