CSS从display：none切换到/ * display：none * /（显示）

Question

当我选择下拉菜单中的一个选项时，我会使用切换某些div进行过滤。 我想使用CSS进行任何过渡（例如淡入，淡出） 我有两种模式：

.item {
border-left: 10px solid rgb(230, 0, 0);
/*display: none;*/
}

.item {
border-left: 10px solid rgb(230, 0, 0);
display: none;
}

我可以进行任何过渡吗？ 我注意到使用了此选择器：

.item:empty{
opacity: 0;
}

某些改变。

EDIT display：none属性没有提供

<div style="display:none">
<div /*style="display:none"*/>

，而且我无法更改此设置，因此我必须获得一个选择器来进行过渡。 这不是重复的问题，对不起，我读到此：CSS Toggle transition animation 但这不是我想要的，谢谢