媒体查询 CSS

Question

    .contact-me h2 h3 {
  font-size: 40px;
}
.contact-message{
  width: 80%;
}

**这是我在媒体查询中的代码，它的宽度不起作用，请有人帮忙 我选择了相同的班级名称，但它不起作用

This is the image from developer tools I incepted my site and found that in my media query .contact-message width is been overridden by my .contact-message outside media query**

Answer 1

你的 css 是重叠的，所以使用 !important 标签。所以新代码将是：

.contact-message{
  width: 80%!important;
}