Html style.css和@media query.css之间存在冲突

我有这个示例html/css代码

diva{宽度：20%；显示：内联块；高度：100px；颜色：1000；背景：红色；填充：10px；文本对齐：中间；}

A.
B
C

这实际上应该很简单，幸运的是，我应该读对了。如果您试图设置一个最小设备宽度为769px，最大设备宽度为959px的范围，那么您应该这样编写代码：

@media only screen and (min-width: 769px) and (max-width: 959px) { div a { padding: 10px 21px 19px 10px; } } 

---

希望这能奏效

您指定它们彼此重叠的范围，我将959更改为1000以获得更好的结果

@仅媒体屏幕和（最大宽度：768px）
{
div a{背景色：蓝色；}
}
@仅介质屏幕和（最小宽度：769px）和（最大宽度：959px）
{
分区a{背景色：粉红色；}
}
@仅介质屏幕和（最小宽度：959px）和（最大宽度：1000px）
{
div a{背景色：红色；}
}

---

您的目标范围为

min

和

max

，如

@仅媒体屏幕和（最小宽度：769px）和（最大宽度：959px）

。。。删除规则中的逗号