.logo{
width: 25%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.3rem;
border: 2px solid gold;
}

.logo h1{
margin-left: 1vw;
/*font-size: 1.3rem;*/
border: 2px solid red;
}

<section id="l" class="logo">
            <i class="fa-solid fa-dragon"></i>
            <h1>Blog</h1>
</section>

当我更改 .logo 选择器中的字体大小时，我可以看到我的 h1 元素变大了。但是，当我执行相同操作但现在在 .logo h1 选择器中，大小不同。请注意，对于这两种情况，我都使用相同的字体大小。我不知道发生了什么。