php/css/html 语言按钮当前语言

Question

我有“按钮”，可以改变网页上的语言:

<div class="wrapper">
    <a class="button-link" href= "<?php echo qtrans_convertURL(get_permalink(), 'de'); ?>" target="_parent">DE</a>
    <a class="button-link" href="<?php echo qtrans_convertURL(get_permalink(), 'en'); ?>" target="_parent">EN</a>
</div>

然后我制作了一个悬停效果，以显示将要选择哪种语言:

.button-link:hover {
    color: #fff;
    border-bottom: 2px solid #e95252;
}

现在我试图将这条边界线保持在所选语言之下。以便用户始终看到事件语言。我认为这会很简单:

.button-link:active{}

但是它没有按照我想要的方式工作，所以我想我必须编写一个 php 函数。我找到了如何显示当前页面的示例，但它与语言不同。因为语言按钮独立于页面，所以如果一个人选择了英语，它应该始终带有下划线，例如。

Answer 1

一种方法是添加一个 class="<?= $lang = 'de' ? 'active' : '' ?>"每.button-link .因为他们都在做同样的事情，所以会更简单:

<?php
    $langs = array('de', 'fr', 'it', 'en');
?>

<div class="wrapper">
    <?php foreach ($langs as $lang) : ?>
        <a class="button-link" href="<?= qtrans_convertURL(get_permalink(), $lang); ?>" class="<?= qtrans_getLanguage() == $lang ? 'active-lang' : '' ?>" target="_parent"><?= strtoupper($lang); ?></a>
    <?php endforeach; ?>
</div>

在 css 中，您只需选择类作为

.active-lang {}

或

.button-link.active-lang {}