Question

在wordpress中，我在content.php中有一篇文章，它会在featured-thumbnail个帖子中创建一个图像网格。此代码段会将帖子标题(the_title();)和类别标题(the_category(', '))

放在一起

HTML ：

<div class="title-styling">
   <a href="<?php the_permalink(); ?>" rel="bookmark"><h1><?php the_title(); ?></h1></a>
   <a href="<?php the_permalink(); ?> "><h2><?php the_category(', '); ?></h2></a>
</div>

我想定位the_category(', ')文本的css属性，例如更改颜色填充等。但是我的CSS似乎不会影响它（特别是颜色），即使添加了!important。< / p>

CSS （尝试不起作用）：

.title-styling > h2 {
  color: #fff;
  font: 500 15px/10px "Open Sans";
}

.title-styling h2 {
 color: #fff;
 font: 500 15px/10px "Open Sans";
}

Answer 1

尝试使用以下

.title-styling > a > h2.title-category {
  color: #fff;
  font: 500 15px/10px "Open Sans";
}

如果你想删除锚标记的下划线（链接） [可选]

.title-styling > a {
  text-decoration: none;
}

<强>更新

尝试为h2标记提供一个类来更具体地定位它

<div class="title-styling">
   <a href="<?php the_permalink(); ?>" rel="bookmark"><h1><?php the_title(); ?></h1></a>
   <a href="<?php the_permalink(); ?> "><h2 class="title-category"><?php the_category(', '); ?></h2></a>
</div>

Answer 2

表示父必须.title-styling

尝试以下：

.title-styling  h2 {
  color: #fff;
  font: 500 15px/10px "Open Sans";
}

定位类别css

2 个答案: