Question

I’m using a style sheet .t-button for buttons defined as..

.t-button
{
    border-color: #a7bac5;
    color: #333;
}

the definition of this style is generated at runtime in an .axd file

Is there a way to apply this specific style sheet to all normal buttons in my application? something like…

button, input[type="button"], input[type="submit"]  
{
  /*apply "t.button" */  
}

Answer 1

CSS can’t do this, but precompiled CSS extensions like LESS and SASS can.

Example stolen from LESS’s front page:

.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

#header {
  .rounded-corners;
}
#footer {
  .rounded-corners(10px);
}

and from SASS:

.error {
  border: 1px #f00;
  background: #fdd;
}

.badError {
  @extend .error;
  border-width: 3px;
}