css - 为什么填充没有出现在这个 css 类中？

Question

我正在学习使用 Netbeans 和 gulp 在 Wordpress 中进行开发，遵循 lynda.com 上的精彩教程。我已将 sass 设置为将部分 .scss 文件编译为元素的 style.css 文件，编译正常。

但是，当我尝试在特定类周围添加填充时，CSS 不会生效。我可以看到代码已添加到此处的 style.css 文件中:

site-content {
    padding: 2em;
}

并且它包含在页面的样式表中；但是当呈现网页时，不会出现任何填充(就像在教程中那样)。

我想也许其他一些 CSS 可以覆盖填充，然后发现:

<link rel='stylesheet' id='casse_dev-style-css'  href='//192.168.0.26:8080/wp-content/themes/casse_dev/style.css?ver=4.8' type='text/css' media='all' />
<link rel='https://api.w.org/' href='//192.168.0.26:8080/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="//192.168.0.26:8080/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="//192.168.0.26:8080/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.8" />
        <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>

</head>

css 代码在包含的样式表 style.css 中的第一行。

我看不出 !important;padding:0 有什么影响，因为它应该只会影响 .recentcomments id 选择器，但这是我目前唯一的其他线索。

感谢任何帮助...

Answer 1

选择器是.recentcomments a，所以.recentcomments里面的所有链接都不会有Padding。

而且您的选择器是错误的。您需要执行 .site-content{}(类选择器)或 #site-content{}(id 选择器)，而不是 site-content{}/