Html 在本例中，为什么media query不更改字体大小？_Html_Css_Media Queries_Font Size

Html 在本例中，为什么media query不更改字体大小？

html css

Html 在本例中，为什么media query不更改字体大小？,html,css,media-queries,font-size,Html,Css,Media Queries,Font Size,我已经通读了相关的问题，仍然没有找到答案。我试着尽可能地简化，但仍然得到了意想不到的结果我的媒体查询不会更改元素的字体大小，尽管它会更改颜色，这没有问题。有人能解释这种行为吗例如不一致头 @介质和全部（最大宽度：400px）{ h1{ 颜色：蓝色；字号：26px； } } h1{ 字体大小：56px； } 不听话的标题您有两个更改字体大小的规则集它们具有相同的选择器，因此具有相同的特定性因此，声明为最后一个的将始终应用因此，要么：宽度大于400px，因此字体大小设置为56p

我已经通读了相关的问题，仍然没有找到答案。我试着尽可能地简化，但仍然得到了意想不到的结果

我的媒体查询不会更改元素的字体大小，尽管它会更改颜色，这没有问题。有人能解释这种行为吗

例如


不一致头
@介质和全部（最大宽度：400px）{
h1{
颜色：蓝色；
字号：26px；
}
}
h1{
字体大小：56px；
}
不听话的标题

您有两个更改字体大小的规则集

它们具有相同的选择器，因此具有相同的特定性

因此，声明为最后一个的将始终应用

因此，要么：

宽度大于400px，因此字体大小设置为56px
宽度为400px或更小，因此字体大小设置为26px，然后立即更改为56px

更改规则集的顺序（或在媒体查询中使用更具体的选择器）。

您有两个更改字体大小的规则集

它们具有相同的选择器，因此具有相同的特定性

因此，声明为最后一个的将始终应用

因此，要么：

宽度大于400px，因此字体大小设置为56px
宽度为400px或更小，因此字体大小设置为26px，然后立即更改为56px

更改规则集的顺序（或在媒体查询中使用更具体的选择器）。

谢谢！我完全忘记了具体性。问题解决了！非常感谢。我完全忘记了具体性。问题解决了！

<!DOCTYPE html>
<html>
<head>
<title>DISOBEDIANT HEADER</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>

<style type="text/css">

   @media all and (max-width: 400px) {
        h1 {
            color: blue;
            font-size:26px;
        }
    }

   h1 {
       font-size: 56px;
   }

</style>

</head>
<body>

    <h1>DISOBEDIENT HEADER</h1>

</body>
</html>