我正在设计一个多语言站点，我希望在此基础上将某些样式建立在活动语言的基础上。
这样想：
body.en-uk li.artist:before {content:"Artist: "}
body.it-it li.artist:before {content:"Artista: "}
body.de-de li.artist:before {content:"Künstler"}
是否有人知道能够执行此操作的扩展（即，根据活动语言向标签添加类）？
Answers:
实际上，您的问题有一个更简单的解决方案。任何合理的模板（包括Joomla CMS随附的所有模板）都将lang在HTML元素上设置属性。这使您可以使用CSS :lang()伪选择器。
您的示例如下所示：
li.artist:lang(en):before {content:"Artist: "}
li.artist:lang(it):before {content:"Artista: "}
li.artist:lang(de):before {content:"Künstler"}
这有两个优点。对于初学者来说，无论模板如何，它都可以使用，甚至可以使用Joomla以外的解决方案，因为它们都是在浏览器中完成的。
只要lang属性设置正确，它也可以与其他语言的嵌入零件配合使用。例如：
<html lang="en">
<head>
<style>
blockquote:lang(de) { color: red; }
blockquote:lang(en) { color: red; }
</style>
</head>
<body>
<p>A famous German quote is:</p>
<blockquote lang="de">
<p>Den Wald vor lauter Bäumen nicht sehen</p>
</blockquote>
<p>A famous English quote is:</p>
<blockquote>
<p>Listen to many, speak to a few.</p>
</blockquote>
<body>
</html>
最后，Joomla不仅输出语言，还输出语言环境。因此，您的一个站点可能会使用en-GB，另一个站点可能会使用en-US，并且模板会反映出来。使用:lang(en)将匹配其中之一，但您也:lang(en-US)可以只将美国英语作为目标。
关于Rouven方法的一件小事；浏览器对属性选择器的支持比对语言伪选择器的支持要好，因此您可能需要考虑使用类似以下的方法来定位样式：
[lang="en-GB"] .artist {…}
在模板的index.php中，您可以将当前<body>标签替换为以下内容：
<?php $lang = JFactory::getLanguage(); ?>
<body class="<?php echo $lang->getTag(); ?>">
这将输出以下示例：
<body class="en-GB">