有没有办法在需要时附加带有其他样式的 CSS 文件？

Question

我在一个包含许多 css 文件的网站上工作。其中一些是针对国际用户的特定语言覆盖（我们更改了一些样式，因此较长的翻译文本字符串不会破坏布局）。所以我们有类似 french.css、spanish.css 等的东西。当用户点击我们的语言切换器时，页面会重新加载，并在 body 标记上添加一个特殊的类。这就是页面选择其他样式的方式。

我们在不久的将来的目标之一是只为我们的国际用户提供一种适合他们的特定语言文件。现在，每个人都可以获得所有样式，即使它们不是必需的。同时，其中一位经理希望将我们的样式合并到一个文件中以减少 http 请求。我们如何才能拥有一个 css 文件而不包括每个用户的所有语言覆盖？有没有办法在需要时将样式附加到一个主 css 文件？我们使用 Compass SASS；有没有办法编译我们主文件的不同版本，一个包括西班牙风格，一个包括法国风格等？理想情况下，我们不希望在工作目录中有不同版本的主 css 文件，因为我们总共支持 25 种语言。此外，我们的开发人员使用 PHP 和 JavaScript，以防任何人有使用这些编程语言的解决方案。

编辑 - 我应该澄清一下。是否有一个脚本或函数可以从一个 css 文件中获取样式块并将它们直接添加到另一个，这将是为用户提供的一个主要 css 文件？这只会在用户更改他们在我们网站上的语言选择时执行。或者，因为我们使用的是 SASS，框架中有没有办法让编译器生成 25 个 css 版本的 main.scss，每个都包含特定的语言覆盖（在我们的 sass 目录的根目录中没有 25 个 .scss 版本） ?

Answer 1

你可以使用 php 来做到这一点。 您需要创建一个包含所有 css 的 php 文件并将其包含在索引文件中：

<link rel="stylesheet" type="text/css" href="css_file.php">

然后你必须创建 css_file.php 并使用以下代码：

<?php
header("Content-type: text/css; charset: UTF-8");

// get the language variable from url
$language = $_GET['langvar'];

if($language == "en"){
    // english language css code goes here
    echo "
    body { margin: 0; padding: 0; }
    ";
} else if($language == "fr"){
    // french language css code goes here
    echo "
    body { margin: 0; padding: 0; }
    ";
} else if($language == "other"){
    // other language css code goes here
    echo "
    body { margin: 0; padding: 0; }
    ";
}
?>

编辑：

如果您的代码中不存在语言变量，您可以从会话中获取语言：

<?php
    session_start();
    header("Content-type: text/css; charset: UTF-8");

    // get the language variable from active session
    $language = $_SESSION['langvar'];

    if($language == "en"){
        // english language css code goes here
        echo "
        body { margin: 0; padding: 0; }
        ";
    } else if($language == "fr"){
        // french language css code goes here
        echo "
        body { margin: 0; padding: 0; }
        ";
    } else if($language == "other"){
        // other language css code goes here
        echo "
        body { margin: 0; padding: 0; }
        ";
    }
    ?>

编辑：

如果要加载单独的 css 文件，需要将以下 php 代码添加到索引文件中：

<?php
    session_start();

    // get the language variable from active session
    $language = $_SESSION['langvar'];

    if($language == "en"){
        // english css file load
        echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"english.css\">";
    } else if($language == "fr"){
        // french css file load
        echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"french.css\">";
    } else if($language == "other"){
        // other css file load
        echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"other.css\">";
    }
    ?>

如果语言会话名称与 css 文件相同，您可以使用：

<?php
        session_start();

        // get the language variable from active session
        $language = $_SESSION['langvar'];

        echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"".$language.".css\">";
        ?>