如何仅显示带有current-category类的categoryname类div元素？

你只需要把原来选中.categoryname:first-child的逻辑，替换为选中同时携带current-category类的.categoryname元素即可，调整后的CSS代码如下：

.categoryname{
    display:none;
}
/* 匹配同时带有categoryname和current-category两个类的元素 */
.categoryname.current-category{
    display:block;
}

这种写法不依赖元素的排列顺序，无论current-category类绑定到哪个.categoryname div上，都能正确显示对应块、隐藏其他同类别块，完全适配你提到的两种HTML结构场景。

内容的提问来源于stack exchange，提问作者Jacob Stuard