css - 白皮书 : problems with qTranslate styles

Question

我正在使用插件 qTranslate 2.5.39 和 wordpress 3.8.1。 我想在标题中有一个带有标志的下拉菜单，作为 FAQ点，这是我的 header.php 代码:

<div id="navbar" class="navbar">

                <nav id="site-navigation" class="navigation main-navigation" role="navigation">

                    <h3 class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></h3>

                    <a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentythirteen' ); ?>"><?php _e( 'Skip to content', 'twentythirteen' ); ?></a>

                    <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>

                    <!--<?php get_search_form(); ?>-->
                    <?php qtrans_generateLanguageSelectCode('image'); ?>

                </nav><!-- #site-navigation -->

            </div><!-- #navbar -->

在我的 styles.css 中

.qtrans_language_chooser { list-style-type:none; background-color: red }
.qtrans_language_chooser li { float:left; margin-right:3px }
.qtrans_flag { border:1px solid #b6b6b6 }

我也尝试使用 !important，但没有成功。

源代码:

<ul class="qtrans_language_chooser" id="qtranslate-chooser">
    <li class="lang-de">
        <a href="http://link/?lang=de" hreflang="de" title="Deutsch" class="qtrans_flag qtrans_flag_de">
        <span style="display:none">Deutsch</span>
        </a>
    </li>

    <li class="lang-en">
        <a href="http://myfavcolorismusi.byethost32.com/immtranslates/?lang=en" hreflang="en" title="English" class="qtrans_flag qtrans_flag_en">
        <span style="display:none">English</span>
        </a>
    </li>
    <li class="lang-es active">ç
        <a href="http://myfavcolorismusi.byethost32.com/immtranslates/" hreflang="es" title="Español" class="qtrans_flag qtrans_flag_es">
        <span style="display:none">Español</span>
        </a>
    </li>
</ul><div class="qtrans_widget_end"></div>

有什么想法吗？谢谢

编辑 这可能是谷歌浏览器样式管理问题吗？

Answer 1

在你的主题的css文件中，试试

#qtranslate-chooser{//style} 

#qtranslate-chooser li{//style}
...