lvl: include

Hi,

gibt es eine Möglichkeit css Dateien in eine css Datei zu includen?
Würd gerne, um den Überblick zu behalten meine css Datei in mehrere aufteilen.

MfG lvl

  1. hallo,

    gibt es eine Möglichkeit css Dateien in eine css Datei zu includen?

    Nein, das gibt es nicht.

    Würd gerne, um den Überblick zu behalten meine css Datei in mehrere aufteilen.

    Daran hindert dich ja nichts. Dann bindest du eben mehrere CSS in dein HTML-Dokument ein.

    Grüße aus Berlin

    Christoph S.

  2. gibt es eine Möglichkeit css Dateien in eine css Datei zu includen?

    Natürlich geht das:

    @import url(weitere.css);

    Gruß
    Avalon

    1. Natürlich geht das:

      @import url(weitere.css);

      wo liegt dann der root, von dem ich ausgehen muss?
      da wo die css datei liegt in der ich importiere,
      oder in der index seite in der die css wo importiert wird drin liegt?

      1. Hi,

        wo liegt dann der root, von dem ich ausgehen muss?

        Root? Im Root-Verzeichnis des Servers bzw. Filesystems, je nach Protokoll. url() ist aber immer relativ zum aktuellen CSS-Code, egal ob es bei @import verwendet wird oder anderswo.

        oder in der index seite in der die css wo importiert wird drin liegt?

        Stell Dir mal vor, was das für Konsequenzen hätte.

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
      2. wo liegt dann der root, von dem ich ausgehen muss?

        entweder adessierst Du relativ, ausgehend von der Position der einbindenden Datei:
        @import url(weitere.css);
        @import url(../dir/weitere.css);
        oder
        @import url(./dir/weitere.css);
        oder aber absolut vom root-Verzeichnis Deiner Webdomäne aus:
        @import url(/css/weitere.css);

        Gruß
        Avalon

    2. Hi,

      Natürlich geht das:

      und natürlich geht das nur am Anfang einer CSS-Datei, nicht irgendwo mittendrin. Vorher darf nur das Charset stehen, Kommentare und Whitespaces.

      @import url(weitere.css);

      Dass dies nicht die einzige mögliche Schreibweise ist, wolltest Du auch verschweigen?

      Cheatah

      --
      X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
      X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
      X-Will-Answer-Email: No
      X-Please-Search-Archive-First: Absolutely Yes
    3. hallo Avalon,

      @import url(weitere.css);

      Das ist keine Einbindung in eine CSS-Datei, sondern in ein HTML-Dokument, siehe http://de.selfhtml.org/css/formate/einbinden.htm#at_import. Danach war aber nicht gefragt.

      Grüße aus Berlin

      Christoph S.

      1. hi,

        @import url(weitere.css);

        Das ist keine Einbindung in eine CSS-Datei, sondern in ein HTML-Dokument, siehe http://de.selfhtml.org/css/formate/einbinden.htm#at_import.

        Doch, das ist auch in CSS-Dateien möglich.
        Dass du eine darauf sich nicht beziehende Quelle verlinkst, ändert daran nichts.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
      2. Hi,

        @import url(weitere.css);
        Das ist keine Einbindung in eine CSS-Datei, sondern in ein HTML-Dokument,

        mit Verlaub, das ist Quatsch. Es handelt sich um CSS-Code, der in einem Bereich steht, in dem CSS-Code steht. Das kann ein <style>-Element eines HTML-Dokuments sein, aber leidenschaftlich gerne auch eine CSS-Datei oder -Ressource.

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        1. hallo Cheatah,

          mit Verlaub, das ist Quatsch. Es handelt sich um CSS-Code, der in einem Bereich steht, in dem CSS-Code steht. Das kann ein <style>-Element eines HTML-Dokuments sein, aber leidenschaftlich gerne auch eine CSS-Datei oder -Ressource.

          Falls ich http://www.w3.org/TR/CSS21/syndata.html#at-rules richtig gelesen habe, geht es in einer CSS-Datei einmal, aber nicht häufiger.

          Grüße aus Berlin

          Christoph S.

          1. Tag Christoph.

            Falls ich http://www.w3.org/TR/CSS21/syndata.html#at-rules richtig gelesen habe, geht es in einer CSS-Datei einmal, aber nicht häufiger.

            Nein, so oft du willst, solange sich die @import-Anweisungen am Anfang der CSS-Datei befinden (siehe das letzte Beispiel auf der von dir verlinkten Seite).

            Siechfred

          2. Hi,

            Falls ich http://www.w3.org/TR/CSS21/syndata.html#at-rules richtig gelesen habe, geht es in einer CSS-Datei einmal, aber nicht häufiger.

            "CSS 2.1 user agents must ignore any '@import' rule that occurs inside a block or after any valid rule other than an @charset or an @import rule."

            @import nach @import ist demnach erlaubt.

            Woraus genau liest Du, daß nur ein @import existieren darf?

            cu,
            Andreas

            --
            Warum nennt sich Andreas hier MudGuard?
            Schreinerei Waechter
            Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
          3. Hi,

            Falls ich http://www.w3.org/TR/CSS21/syndata.html#at-rules richtig gelesen habe, geht es in einer CSS-Datei einmal, aber nicht häufiger.

            ja, nur einmal. Mit beliebig vielen @import-Rules. Und um das gleich vorweg zu nehmen: Die importierten CSS-Ressourcen dürfen ebenfalls wieder beliebig viele @import-Rules enthalten. Weiter mit vollständiger Rekursion ;-)

            Cheatah

            --
            X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
            X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
            X-Will-Answer-Email: No
            X-Please-Search-Archive-First: Absolutely Yes
    4. Tag Avalon.

      gibt es eine Möglichkeit css Dateien in eine css Datei zu includen?
      Natürlich geht das:
      @import url(weitere.css);

      Zur Ergänzung: @import sollte am Anfang der einbindenden CSS-Datei stehen, sonst kann es zu Problemen führen. Siehe auch http://www.styleassistant.de/tips/tip77.htm.

      Siechfred