Css 悬停标签坏了

我有一个关于这个主题的问题：。这个主题中的标记没有显示，我已经知道如何修复这个问题，在{block:tags}之前删除html中的{block:permalinkpage}，并且我知道如何使悬停标记添加不透明度：0；在css和

#post:hover .tags {
opacity:1;
-moz-transition:all 0.8s;
-ms-transition:all 0.8s;
-o-transition:all 0.8s;
transition:all 0.8s;  
}

紧随其后，但这个主题的问题是，标签的css如下所示：

.indexed {
    padding:5px;
    text-align:center;
}

.tag {
text-transform:uppercase;
color:{color:link};
font-size:8px;
letter-spacing:.5px;
}
.tags {
font-size:9px;
letter-spacing:0px;
transition:0.4s ease-in;
-webkit-transition:0.4s ease-in;
-moz-transition:0.4s ease-in;
}


.tags a {
border:none;
margin-right:3px;
}

---

我试着把post:hover放在任何地方，但是当我把opacity:0放进去时，标签仍然是不可见的；在.tag和.tags css中。有人能帮忙吗，或者这是一个失败的原因吗？

你能链接到一个例子吗？这应该是严格的，但您的代码有点不完整。post在页面上应该是唯一的，因为它是一个id。因此它可能需要对您的标记进行更新。正如我所说的，如果没有看到一些html标记，就很难准确地说出来，但是我为您制作了这个JSFIDLE。看看这是否符合您的意愿，如果不是，那么至少您可以详细说明，其他人可以编辑和更改JSFIDLE代码。顺便说一句，如果它不是有效的标记，那么post标记id不止一次出现。我会把这个改为.post类名.我将否决这个问题。