Css 字体：字体大小不变

你可以在标题上看到twitter、youtube等图标。它的字体非常棒。我尝试过改变它，但我做不到

我想把它做成这样

font-size: 16px; line-height: 16px;

因此，我编写了以下代码：

 echo "<li class=\"li-social-class\"><a href=". $redux_demo['text-twitter-link'] . ">
        <i class=\"fa fa-4x fa-twitter-square li-social-class\"></i></a></li>";

<style>
.li-social-class {
font-size: 16px; line-height: 16px;
}
</style>

echo“
”；
李先生社会阶层{
字体大小：16px；行高：16px；
}

但是wordpress上的超级菜单插件为它写14像素，它的css覆盖在我的上面

---

如何将其字体css更改为我想要的字体？

您没有正确包含回显。试试这个：

echo '<li class="li-social-class"><a href="'. $redux_demo["text-twitter-link"] . '">
        <i class="fa fa-4x fa-twitter-square li-social-class"></i></a></li> <style>
.li-social-class {
font-size: 16px; line-height: 16px;
}
</style>';

echo'

李先生社会阶层{
字体大小：16px；行高：16px；
}
';

问题在于，您的网站正在使用另一个css规则，该规则使用！重要信息，您可以在文件/wp content/plugins/wp megamenu/assets/css/wpmm.css中查看它：

.fa{
    font: normal normal normal 14px/1 FontAwesome !important;
}

这意味着，任何涉及.fa的元素都将使用此样式，无论您是否编写了更具体的规则，因为重要内容将覆盖任何后续规则

因此，在这种情况下，你最好也是可能唯一的选择是用另一种重要的方式来强制你自己的风格：

.li-social-class {
    font-size: 16px !important; 
    line-height: 16px;
}

---

顺便说一下，这说明了为什么使用“重要”被认为是一种不好的做法。这使得css规则很难覆盖，当出现冲突时也很难调试。事实上，正确的解决办法是去掉原来的！重要信息，请使用更具体的规则覆盖样式。但是，由于wpmm.css文件似乎来自第三方插件，这将在插件最终更新的情况下造成麻烦，因为您将丢失更改。

添加！重要帮助？当你删除li社交类前后的所有“\”时会发生什么情况？@John我不能这样做，因为我在php中使用了echp命令。符号上说不要关闭“echo/print”命令，它会继续，所以我写了\before“@mega12345mega I在chrome中使用ctrl+shift+r刷新页面，因此浏览器将删除浏览器中的所有css。”cache@Idontbelieveyou我是说在代码中。。。不在浏览器中。这不是解决方案，因为代码在不同的页面中。Stackoverflow在一个代码编辑器中混合了2个代码。另外，我的网站在Tag中读取css功能。您是否尝试过这一点只是为了看看？因为这仍然是你想要回应的风格。