Html 媒体查询不适用于特定的div类

我在网上彻底搜索了一遍，但没有结果。目前，我有以下关于

左作者

和

右作者

类的文本

#包装作者{
保证金：0自动；
填充：15px；
溢出：自动；
}
.左作者{
宽度：50%；
垂直对齐：顶部；
浮动：左；
}
.右作者{
宽度：50%；
垂直对齐：顶部；
浮动：对；
}

这是媒体的提问。除了左作者和右作者之外，每一个查询都会起作用

@媒体屏幕和（最大宽度：380px）{
.左作者.右作者{
浮动：无；
宽度：100%；
垂直对齐：初始对齐；
}
.widget_突出显示_帖子。单个文章{
浮动：无；
右边距：0；
最大宽度：100%；
}
}

有人知道我做错了什么吗？这是HTML

我猜你想知道谁是。

后续内容

您缺少一个逗号

，

来分隔同一声明中的两个类

@媒体屏幕和（最大宽度：380px）{
.左作者，.右作者{
浮动：无；
宽度：100%；
垂直对齐：初始对齐；
}
.widget_突出显示_帖子。单个文章{
浮动：无；
右边距：0；
最大宽度：100%；
}
}

更新：（OP提供了HTML代码）

就在

a href:mailto

之前，您缺少了一个

li

open标记（我在这里看到的不是问题）

下面是一个包含HTML的代码片段（不包括PHP标记）：

*{
框大小：边框框；
/*演示，应用盒子模型*/
}
#包装作者{
保证金：0自动；
填充：15px；
溢出：自动；
}
.左作者{
宽度：50%；
垂直对齐：顶部；
浮动：左；
边框：1px绿色虚线/*演示样式*/
}
.右作者{
宽度：50%；
垂直对齐：顶部；
浮动：对；
边框：1px红色虚线/*演示样式*/
}
@媒体屏幕和屏幕（最大宽度：380px）{
.左作者，.右作者{
浮动：无；
宽度：100%；
垂直对齐：初始对齐；
}
.widget_突出显示_帖子。单个文章{
浮动：无；
右边距：0；
最大宽度：100%；
}
}

我猜你想知道谁是。

跟随

CSS中有HTML吗？我刚刚添加了它-很抱歉投票被否决，我是Stack Exchange的新手！迪帕斯，我做了改变，但没用。如果没有逗号，其他所有类似乎都可以正常工作。您需要向我们展示一些相关的HTML，但这肯定是一个错误