Html 目标';类别';在css中
我的Wordpress网站在特色图片上方显示文章标题和类别 我想将文本设置为Html 目标';类别';在css中,html,css,wordpress,Html,Css,Wordpress,我的Wordpress网站在特色图片上方显示文章标题和类别 我想将文本设置为#ffffff(白色)。我在css中成功地将两者都作为目标,但“类别”并没有像帖子标题那样改变颜色 css html 的文本大小和文本颜色已正确更改。标题样式h1{ 但是只有的文本大小改变了。标题样式h2{(我试过使用和不使用!重要的)我打赌问题在于标签有一个“更具体”的类,试着像这样改变你的CSS: .title-styling > h2.box-meta { color: #fff; fon
#ffffff
(白色)。我在css中成功地将两者都作为目标,但“类别”并没有像帖子标题那样改变颜色
css
html
的文本大小和文本颜色已正确更改。标题样式h1{
但是只有
的文本大小改变了。标题样式h2{
(我试过使用和不使用!重要的)我打赌问题在于
标签有一个“更具体”的类,试着像这样改变你的CSS:
.title-styling > h2.box-meta {
color: #fff;
font: 500 15px/10px "Open Sans";
}
您可以执行以下操作之一:-
从h2标记中删除class=“box meta”
或
在你的css文件中包含一个css类“box meta”我们需要一个演示(或一个链接)才能看到它不起作用…但是你可能有其他一些规则来解决这个问题…可能是box meta
类。是的,使用“.box title h2.box meta”或者别的什么。基本上使用CSS,在规则应用之前,你必须不断地变得更加具体。
中的PHP变量是否会生成纯文本或HTML?如果是后者,那么你可能会对这些标记应用一些其他样式,覆盖
元素的样式。我认为!重要的将覆盖任何预先定义rmined属性。有很多包含的文件可能会影响这一点,所以我不知道要包含什么。我确实设法修复了它,显然它创建了一个链接,而不是纯文本,即使没有包装在您建议的hrefA组合中似乎也行得通,但您碰巧不知道该上下文中的“box meta”是什么意思。它来自父文件,所以我我不知道他们为什么使用itI来定位它,奇怪的是我能通过css来定位文本大小,但我把它改为“.title styleing a{”,这也针对文本(并且能够改变颜色)
<div class="box-title">
<div class="title-styling">
<a href="<?php the_permalink(); ?>" rel="bookmark"><h1><?php the_title(); ?></h1></a>
<h2 class="box-meta"><?php the_category(', '); ?></h2>
</div>
</div>
.title-styling > h2.box-meta {
color: #fff;
font: 500 15px/10px "Open Sans";
}