CSS被设置为媒体并被覆盖

Question

我不知道如何解释这一点。我正在使用inspect元素为元素配置css。我找到了我想要修改的元素，例如：

  a.WTBText {
    font-size: 11px;
    color: #000000;
} 

我把上面在inspect元素中找到的内容添加到我的css中。

  a.WTBText {
    font-size: 15px;
    color: #105194;
} 

当我刷新页面并检查元素时，我看到以下内容。我修改的CSS没有得到应用。 （和以前一样）

a.WTBText {
    font-size: 11px;
    color: #000000;
}

就在下面我看到了

 media screen
a.WTBText {
    font-size: 15px;
    color: #105194;
}

此媒体屏幕标题来自哪里？我没有将css放在任何媒体css查询下。

Answer 1

@media规则用于为不同的媒体类型/设备定义不同的样式规则。

例如，如果你有@media（max-width：300px），这些值将仅显示在300px宽度的设备或屏幕上。 看看这个链接。 http://www.w3schools.com/cssref/css3_pr_mediaquery.asp