表格CSS选择器正在应用于整个页面
表格CSS选择器正在应用于整个页面
提问于 2017-03-15 13:17:58
我正在尝试自定义我的wordpress主题，并给了一个专栏一个类的投注技巧-专栏。
在本专栏中，我尝试使用以下命令将p& h4标记从白色更改为黑色：
.betting-tips-column h4, p, body p{
color:black!important;
border-radius:8px;
}但是，它会影响整个页面，而不仅仅是列中的文本。
有什么帮助吗？
回答 3
Stack Overflow用户
发布于 2017-03-15 13:20:46
试试这个：
.betting-tips-column h4,
.betting-tips-column p {
color: black !important;
border-radius: 8px;
}Stack Overflow用户
发布于 2017-03-15 13:20:48
基本上，您必须将所有子元素嵌套在它们的父元素中，并用逗号将它们进一步分隔。
如果不这样做，那么css将应用于整个文档中的所有p标记。
将其更改为以下内容：
.betting-tips-column h4, .betting-tips-column p {
color: black!important;
border-radius: 8px;
}Stack Overflow用户
发布于 2017-03-15 13:20:49
若要在包含.betting-tips-column类的容器中设置<p>和<h4>标签的样式，可以使用以下CSS代码：
.betting-tips-column h4,
.betting-tips-column p {
color:black!important;
border-radius:8px;
}为什么你的CSS不起作用？
您只能使用列类.betting-tips-column作为<h4>标记的前缀。
您定义了以下规则：
p匹配整个site.body p上的所有<p>标签(应该只有一个<body>标签匹配类为.betting-tips-column
的容器中的所有<body>标签
提示：规则p和body p没有任何意义，因为它们影响几乎相同的两个<p>标记。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42810968
复制相关文章
点击加载更多
相似问题
使用SASS在单个页面上设置多个Foundation顶部栏的样式
在一个页面上使用多个选项卡div的问题
在同一页面上使用多个jquery
在同一页面上实现多个D3布局
同一页面上的多个动态选项卡组件
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
