通过可视化作曲家覆盖 CSS 代码答案

【问题标题】：Overriding CSS code trough visual composer通过可视化作曲家覆盖 CSS 代码
【发布时间】：2017-10-26 21:07:12
【问题描述】：

我有以下 html 代码行，但我无权访问。

因为我想隐藏第一个 <a href='#all' ...> 的 TAB，所以我使用了可视化作曲家的自定义 css 选项，它允许我覆盖现有代码。为此，我只是使用了

.testing, a[href='#all'] {
visibility: hidden; }

只要该 TAB 不可见，我就可以接受。但是这里的下一个问题是，当我刷新页面时，总是选择这个特定的 TAB，这仅仅是因为 class=selected 应用于它。我可以使用 css 以某种方式覆盖它以将类 selected 应用于其他 2 个<li> 之一吗？

编辑我设法找到了对这些 TAB 后面的以下 php 代码行的访问

 <li>
    <ul class="tabs">
    <?php
    $obj = new stdClass();
    $obj->id = 0;
    $obj->title = esc_html__('All', 'arcane');
    $obj->abbr = esc_html__('All', 'arcane');
    $obj->icon = 0;

    array_unshift($games, $obj);

    for($i = 0; $i < sizeof($games); $i++) :
        $game = $games[$i];
        $link = ($game->id == 0) ? 'all' : 'game-' . $game->id;
        $p = array( 'game_id' => $game->id,'status' => array('active', 'done'));
        $matches_tab = $ArcaneWpTeamWars->get_match($p, false, true);

        if(!empty($matches_tab)){
    ?>
        <li<?php if($i == 0) echo ' class="selected"'; ?>><a href="#<?php echo esc_attr($link); ?>" title="<?php echo esc_attr($game->title); ?>"><?php echo esc_attr($game->abbr); ?></a><div class="clear"></div></li>
    <?php } endfor; ?>
    </ul>
    <div class="clear"></div>
</li>

【问题讨论】：

这些选项是动态生成的吗？为什么你不能在你的代码中为他们指定选择的类？
我无权访问代码。我能做到这一点的唯一方法是通过视觉作曲家 css 编辑器覆盖，就像我设法隐藏 TAB 一样。
你想用jquery解决它吗？你有权限运行jquery代码吗？
不，我也无权访问 jquery...
为什么不简单地改变标签的顺序？

标签： php html css visual-composer

【解决方案1】：

您可以通过将 0 更改为 1 将所选类分配给第二个 li，也可以使用自己的 css 隐藏第一个：

<li<?php if($i == 1) echo ' class="selected"'; ?>>

或者您可以通过从 1 而不是 0 开始循环并忽略使用 css 隐藏第一个选项来完全删除引用 all 的第一个选项：

for($i = 1; $i < sizeof($games); $i++) : // Start loop from 1 instead of 0

【讨论】：

【解决方案2】：

您可以尝试更改php代码而不是

$link = ($game->id == 0) ? 'all' : 'game-' . $game->id;

拥有

$link = ($game->id == 2) ? 'game-2' : 'game-' . $game->id;

这样，CS:GO 应该是第一。我不是 100% 确定，但请尝试一下 :)

【讨论】：