Carl: CSS-Definitionen einer Datei zuodnen

Hallo

ich gehe zwar davon aus, dass es nicht möglich ist, aber ich frage trotzdem mal:

ist es möglich eine css-Definition direkt einer bestimmten Datei zuzuordnen?

Zur Erklärung: Ich abreite gerade an einem Projekt, bei dem für bestimmte Dateiarten bei Downloads Grafische Repäsentanten den Link ersetzten (z.B. bei einer PDF-Datei ein PDF-Symbol) Da immer einer Dateiart nur ein Repräsentant zugeordnet wird, wäre es sinnvoll, dass, wenn ich die Grafik pdf-repraes.gif, einfüge dieser automatisch bestimmte Eigenschaften zugeordnet werden (border; width; height). ICh weiß zwar, dass ich das auch über eine Klasse lösen könnte, aber ich bin ein fauler Mensch...

Gruß
Carl

  1. Hallo

    ist es möglich eine css-Definition direkt einer bestimmten Datei zuzuordnen?

    Ja, du musst die Datei lediglich CSS- gerecht kennzeichnen:

    <body class=chome>
    ...
    </body>

    <body class=downloads>
    ...
    </body>

    /* FARBEN DER SEITEN */
    .chome,     .home h1,     .home h2     ,.home h3     {color:#88f;}
    .cdownloads,.downloads h1,.downloads h2,.downloads h3{color:#0f0;}

    Lieben Gruß, Kalle

  2. Hallo,

    wäre es sinnvoll, dass, wenn ich die Grafik pdf-repraes.gif, einfüge dieser automatisch bestimmte Eigenschaften zugeordnet werden (border; width; height).

    Du meinst so?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>attribute-selectors</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <style type="text/css">
    <!--
    img[src="Beispiel1.jpg"] {width:10px; height:10px; border:1px solid #f00;}
    img[src="Beispiel2.jpg"] {width:20px; height:20px; border:1px solid #0f0;}
    img[src="Beispiel3.jpg"] {width:30px; height:30px; border:1px solid #00f;}
    -->
    </style>
    </head>
    <body>
    <p>
    <img src="Beispiel1.jpg" alt="Bild 1">
    <img src="Beispiel2.jpg" alt="Bild 2">
    <img src="Beispiel3.jpg" alt="Bild 3">
    </p>
    </body>
    </html>

    Ja, aber der Volksbrowser kann das natürlich nicht. ;-)

    viele Grüße

    Axel