如何在我的Wordpress主页上瞄准一个小部件而不影响其他部分？
如何在我的Wordpress主页上瞄准一个小部件而不影响其他部分？
提问于 2016-10-19 13:42:33
在我的Wordpress网站上，我很难改变小部件的样式。
我的目标是主页上最底层的那个：http://rfm-inc.com。这一页的内容是“三菱材料公司大家庭中骄傲的一员”。
这些样式似乎主要应用于ID ".content"，但我只想在“..text 3”级别上更改这些样式。
我可以更改内容样式并在小部件中获得我想要的效果，但它会更改所有其他小部件。
我希望底部的小部件完全跨越页面(即，全蓝色背景，居中文本，调整大小和包装文本在较小的屏幕宽度)，但不让其他部分。
关于如何独立于其他部分的这个小部件的目标，有什么建议吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-10-19 13:55:01
通常wordpress小部件在wp-content/plugin中都有自己的样式css文件以及插件的名称。无论如何，如果您打开web浏览器上的developer工具，然后单击要更改的元素，您将确定要使用哪个选择器。对开发人员工具进行一些测试，然后对您的文件进行更改。
Stack Overflow用户
发布于 2016-10-19 13:52:19
在这种情况下，您可以使用：
.widget:last-child {
/* your rules */
}因为这是节id="main"的最后一个子部分。
或使用其ID：
#text-3 {
/* your rules */
}Stack Overflow用户
发布于 2016-10-20 18:41:28
好吧。我解决了。看看我能不能解释一下。
首先，我将#content容器更改为：
body.home #content.col-full {
max-width: 100% !important;
}
当然，这扩展了整个容器。
然后，我能够根据需要对各个小部件进行样式设置。
它是更多的父元素，需要样式，然后其他一切从那里流动。但我很难瞄准，因为我：
- 不知道如何只针对主页(body.home)
- 没有看到容器是#内容
- 没有意识到最简单的方法就是调整容器，并分别设置包含的小部件的样式
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40133131
复制相关文章
相似问题
腾讯云开发者
