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内的所有链接都不会有填充。

你的选择器错了。您需要.site-content{}（班级选择器）或#site-content{}（ID选择器），而不是site-content{}

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

1 个答案: