WordPress：有没有办法从chrome开发工具中找到你的CSS类在WordPress中的存储位置？

我正在尝试在我的产品页面中交换这两个选项卡：

了解更多选项卡应该位于规范选项卡所在的位置，但不幸的是，我找不到类所在的位置

我曾尝试在WordPress的

style.css

页面中查找该类，但没有成功

<a href="#" ca1="cnt-32545" ca2="32529" class="tabUnover_4">Learn More</a>

---

您可以使用下面的代码对选项卡重新排序

 /**
     * Reorder product data tabs
     */
    add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
    function woo_reorder_tabs( $tabs ) {    
        $tabs['description']['priority'] = 5;           // Description second
        $tabs['additional_information']['priority'] = 10;   // Additional information third
        $tabs['reviews']['priority'] = 15;          // Reviews first
        return $tabs;
    }

您可以在主题

functions.php

文件中添加以下内容

---

在下面找到了这个

将鼠标悬停在

sharedcss

（见图）。您将看到文件的路径

我只需将第一个代码移到第二个代码下即可。我可以直接从编辑器中编辑它吗？是的，尝试交换li标记位置，这将解决您的问题。@chill007有一个小问题。我知道如何在wordpress中添加css，你只需转到style.css并在那里添加其他css，但我看不到HTML文件。你知道Wordpress中的HTML文件在哪里吗？如果你提供网站链接，我可以检查并告诉你你会在哪个文件中找到它。如果是woocommerce，那么您可以在woocommerce文件夹中检查此结构。或者，如果它是本地的，您可以在该结构的文件中找到，这是有效的！如果我们还能找到HTML的位置，那就太棒了！我正在查看chrome开发工具/它所说的源文件（索引）它位于

tabs.php

文件

/woocommerce/templates/single product/tabs/tabs.php

这是path@Chill007你能分享一下你是怎么发现的吗？我只是搜索woocommerce标签，然后我在文件中找到了他们用于打印可用标签的文件，所以我只是搜索更改它们的顺序。