css - 如何在页面顶部显示特定标签？

您好，亲爱的开发者社区！

我正在写博客，试图解决问题。我正在尝试找到一种方法，仅在特定页面的顶部显示标签中的某些标签，以便访问者可以轻松地看到他们感兴趣的内容。

我已经在侧边栏中为所有标签使用了小部件。根据该主题，该想法是在我的页面顶部显示其中的4到5个。

例如，在“我的旅行”中，对于“法国”部分，我想显示“发现”，“远足”，“食物”，“Vidéos”，“照片”。

What I would like to do, see in black labels
非常感谢你的帮助 ！！
百合

最佳答案

.topLabel {
  background: black;
  color: white;
  font-family: Arial;
  padding: 4px;
  float: left;
  margin-right: 4px;
  cursor: pointer;
}

.topLabel:hover {
  background: grey;
}

<a class="topLabel">Hiking</a>
<a class="topLabel">Food</a>
<a class="topLabel">Photos</a>
<a class="topLabel">Videos</a>
<a class="topLabel">Discovery</a>
 

也许这可以帮助您。