CSS Eigenschaften übernehmen

[Juro]

Hi,

Ich habe folgendes Stylesheet:

a.tdbuttonGREY_350x49 {
    font-size:               18px;
    color:                  #000000;
    line-height:             49px;
    height:                  49px;
    width:                  250px;
    vertical-align:         middle;
    text-align:             center;
    background-image:       url("img/buttons/grey_350x49.gif");
    text-decoration:        none;
}
a.tdbuttonGREY_350x49:hover {
    color:                  #FFFFFF;
    background-image:       url("img/buttons/grey_350x49_selected.gif");
    text-decoration:        none;
}

und brauche jetzt den gleichen Button nur mit der Textgröße 10. Muss ich alles noch einmal machen oder kann ich einen Button kreiieren, der die Eigenschaften des a.tdbuttonGREY_350x49 übernimmt und dann einfach die Schriftgröße anpassen?

lg
juro

[snowman]

ja, über eine zusätzliche style-klasse, die nur die font-größe enthält, sollte es gehen.

gruss,
snowman

[T.dot]

Hi!

du schreibst ganz einfach zwei Stylesheet Klassen zb

PHP-Code:

.erste  
{
      font-size:18px;
      color:#FF0000;  
}    
.zweite  
{
      font-size:10px;  
} 


und dann in html

PHP-Code:

<div class="erste">blabla</div>
<div class="erste zweite">blabla</div>
<div class="zweite">blabla</div> 


dann hast du in diesem fall mal einmal rot groß, einmal rot klein, einmal klein...

url hierzu: http://www.css4you.de/trickkiste/tr00029.html

mfg Thomas

[Juro]

Original geschrieben von T.dot

PHP-Code:

<div class="erste zweite">blabla</div> 


Danke für Eure Antworten. Der obere Code-snipplet war mir neu - wußte nicht, daß das geht...
Danke!