Klassen in der css Datei wiederverwenden

mappenz · #1 (**permalink**) 23.04.2012, 17:49

Hallo,

ich benutze css Klassen aus dem Wink Toolkit. Nun will ich dass alle Knöpfe vom Typ "submit" die gleichen Klassen benutzen.

Bis jetzt sieht jeder Knopf etwa so aus:

Code:

<input type="submit" name="name" value="WLAN Lokalisierung" id="id" 
class="w_button w_radius w_bg_light" />

und das sich gerade im Aufbau befindliche Stylesheet so:

Code:

@import script/wink/_themes/utils/loader.css";

body
{
}


input[type=submit]
{
   width:100%;
}

Nun habe ich schon festgestellt, dass man Klassen vererben kann. Lassen sich Klassen auf alle Tags eines Typs anwenden?

David · #2 (**permalink**) 23.04.2012, 17:57

Wenn Du mit 'anwenden' meinst, dass Du allen Elementen im Quelltext die Klasse zuweisen (in das class-Attribut schreiben) kannst, dann ja.

mappenz · #3 (**permalink**) 23.04.2012, 18:13

Nein, das habe ich nicht gemeint. Ich will das class Attribut aus den input-tags eleminieren. Alle Knöpfe sollen ja gleich aussehen. Mit selbstgeschriebenen Styles käme ich auch ohne Klassen aus.

Ich will sowas, wobei es so natürlich nicht funktioniert.

Code:

input[type=submit]
{
   width:100%;
   class: w_button;
   class: w_radius;
}

take_a_7 · #4 (**permalink**) 23.04.2012, 19:11

Moin,

Zitat:

Zitat von mappenz

Ich will sowas, wobei es so natürlich nicht funktioniert.

Code:

input[type=submit]
{
   width:100%;
   class: w_button;
   class: w_radius;
}

Du suchst CSS-Präprozessoren wie SASS oder LESS (letzteres bitte nicht clientseitig!).

gruß,
take

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Einbindung von frei erhältlichen Scripten - CSS Problem	DonL	CSS	1	22.01.2011 16:09
externe CSS Datei in HTML einbinden	simsam	CSS	5	15.03.2010 20:19
php Datei in css webseite einbinden	X5-599	Serveradministration und serverseitige Scripte	14	19.05.2008 09:52
Zentrale CSS Datei und falsche Linkfarben	DeadDreamer	CSS	4	05.01.2006 12:47
CSS Datei wird nicht berücksichtigt	Bernd	CSS	10	05.02.2005 19:21