2 Verschiedene CSS für ein select



  • Hi,

    in meiner css datei, habe ich folgendes drinnen:

    select { font-family: Arial; font-size: 11pt; color: black; width:225px; }

    Somit haben meine CSS den gewünchten Aufbau.

    Nun kommt jedoch ein weiteres CSS hinzu, was einen anderen Aufbau hat.

    Wie kann ich zwei verschiedene selects in einer css Datei haben und wie muss ich diese dann entsprechend dem select zuweisen?

    Kann mir da jemand helfen?

    Phil



  • Also irgendwie kann ich dir nicht ganz folgen...

    Was steht denn in der zweiten CSS-Datei drin (bzgl. select)?

    Bonti schrieb:

    Wie kann ich zwei verschiedene selects in einer css Datei haben und wie muss ich diese dann entsprechend dem select zuweisen?

    Und was meinst du damit? 😕



  • Bin mir zwar nicht sicher, ob ich richtig verstanden habe, was Dein Problem ist, aber so, wie ich es verstanden habe, dann suchst Du Klassen.

    <!-- ... -->
    <style type="text/css">
        .sel01 { font: 8pt Arial; }
        .sel02 { font: 11pt Tahoma; }
    </style>
    <!-- ... -->
    <select class="sel01">
    <!-- ... -->
    </select>
    <select class="sel02">
    <!-- ... -->
    </select>
    <!-- ... -->
    

    Klassen fangen in der CSS-Definition mit einem '.' an, der bei der Zuweisung im HTML-Code aber dann weggelassen werden muss.



  • Bonti schrieb:

    Hi,

    in meiner css datei, habe ich folgendes drinnen:

    select { font-family: Arial; font-size: 11pt; color: black; width:225px; }

    Somit haben meine CSS den gewünchten Aufbau.

    Nun kommt jedoch ein weiteres CSS hinzu, was einen anderen Aufbau hat.

    Wie kann ich zwei verschiedene selects in einer css Datei haben und wie muss ich diese dann entsprechend dem select zuweisen?

    Kann mir da jemand helfen?

    Phil

    Zwei CSS-Blöcke mit gleichem Namen (in deinem Fall 'select') müssten sich eigentlich ergänzen, während gleiche Eigenschaften überschrieben werden.


Anmelden zum Antworten