将一个 CSS 样式应用到另一个 CSS 样式

Posted 2023-03-06

【中文标题】将一个 CSS 样式应用到另一个 CSS 样式

【英文标题】：Apply a css style to another css style

【发布时间】：2014-04-23 00:35:25

【问题描述】：

我在 Wordpress 模板上使用 Bootstrap。我想改变“more-link”类的样式，我想给它 .btn bootstrap 类的样式。

据我所知，我的解决方案是向 wordpress 主题中注入一种将“.btn”添加到字符串的方法：

class="more-link"

得到

class="btn btn-default more-link"

我不知道该怎么做，或者对 .btn 的样式进行逆向工程，然后简单地将其复制/粘贴到 a.more-link 样式中。

无论哪种方式似乎都太复杂了，所以我在想是否有一种方法可以将一种样式“转发”到另一种样式上，以使

a.more-link 

风格与

一模一样

.btn .btn-default

来自引导程序。

有人可以帮我解决这个问题吗？

【问题讨论】：

你可以克隆 CSS 样式：***.com/a/6416527/1654265

你不需要“逆向工程”任何东西。只需right-click > inspect element chrome 中的引导按钮。真的没有太多的CSS可以复制。这实际上需要几秒钟

【参考方案1】：

您可以使用 JQuery 来执行此操作。将其添加到您的主题 footer.php 之前

<script type="text/javascript">
    jQuery(document).ready(function() 
        // Stuff to do as soon as the DOM is ready;
           jQuery('.more-link').addClass('btn btn-default');
    );
</script>