css: comment combiner plusieurs feuilles de style en un seul

Quelqu'un sait comment combiner plusieurs feuilles de style en un seul? Par exemple, j'ai

<link rel="stylesheet" type="text/css" href="abc.css" />
<link rel="stylesheet" type="text/css" href="efg.css" />
<link rel="stylesheet" type="text/css" href="hij.css" />

dans mysite.html. Comment puis-je combiner le 3 ci-dessus les feuilles de style en un seul?

merci.

OriginalL'auteur vaanipala | 2012-08-08

  1. 8

    Vous pouvez combiner vos fichiers css à l'aide YUI Compresser, qui combine CSS et minimise le code et c'est bon pour la performance.

    Prendre un coup d'oeil ici, pour Combiner des fichiers CSS en un seul.

    OriginalL'auteur Next Door Engineer

  2. 2

    @import n'est pas recommandé... Le plus grand problème est qu'il provoque le chargement des fichiers de manière séquentielle (on doit attendre que l'autre) au lieu d'en parallèle (en même temps). Cette gaspillages de temps et d'allers-retours et rend votre page web charge plus lentement.

    [http://www.feedthebot.com/pagespeed/avoid-css-import.html][1]

    [1]: http://www.feedthebot.com/pagespeed/avoid-css-import.html vous pouvez le lire ici...

    OriginalL'auteur John Louie Biñas

  3. 1

    Comment copier le contenu des fichiers en un seul?

    Je n'ai jamais pensé à répondre à une question par une question serait de travailler sur ce site.
    Je crois que l'OP voulait une méthode automatisée de combiner les fichiers.

    OriginalL'auteur KMan

  4. 0

    Vous pouvez utiliser .fichier htaccess, Ref -

    http://www.isitvivid.com/blog/combining-your-cssjs-files-with-htaccess/

    Le lien est mort.

    OriginalL'auteur Sumesh TG

  5. 0

    Salut vous pouvez achieive vos résultats souhaités par le biais de l'option d'importation......

    La façon la plus facile d'appliquer de multiples fichiers est d'utiliser le "@import" de la règle (navigateur charge).

    <style type="text/css" media="all">
  @import url("/css/a.css");
  @import url("/css/b.css");
  @import url("/css/c.css");
</style>

    vous pouvez en savoir plus sur l'Utilisation de @import pour de multiples Feuilles de Style

    Ok, je l'ai eu après avoir lu le lien du site u fourni. Merci...je vais essayer. 🙂
    Cela a encore le même problème de performance que l'OP du code. L'objectif est de combiner les fichiers en un seul fichier est de réduire les allers-retours vers le serveur.
    Envisager le commentaire par John Louie ci-dessus à propos des problèmes de performances associés avec @import, et ont un look à la YUI Compressor indiqué ci-dessous à Côté de la Porte de l'Ingénieur de la réponse.

    OriginalL'auteur Shailender Arora

  6. 0

    Vous pourrait les regrouper avec l'attribut title. Essayez de donner un titre comme attribut
    title="myStyle"

    OriginalL'auteur Rajesh Odayanchal

  7. -3

    Fondamentalement, vous pouvez les laisser comme ça.
    Aussi longtemps que vos feuilles de style n'ont pas d'éléments redéfinie à partir de l'une à l'autre, vous n'aurez pas de problèmes.
    Par exemple, si vous avez 2 feuilles de style une.css et b.css dans votre fichier htm

    <link rel="stylesheet" type="text/css" href="a.css" />
<link rel="stylesheet" type="text/css" href="b.css" />

    si dans un.css vous avez 

    a{
text-decoration:none;
}

    et dans b.css

    a{
text-decoration:underline;
}

    puis le deuxième lié feuille de style va définir le text-decoration attribut de a

    C'est pourquoi ils sont appelés "en Cascade" des feuilles de style. C'est par la conception.

    OriginalL'auteur CosminO