div下有两个子元素<a>和<span>,为什么给div设置字号和单独给a和span设置字号效果不一样？中间的间隙会变化

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

    <div>
        <a href="#">a标签</a>
        <span>span标签</span>
    </div>

        a,span {
            font-size: 30px;
        }

        div {
            font-size: 30px;
        }

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

字体大小并不会影响间隙，a跟span设置字体大小的优先级要高于div

因为div如果不设置字号，它本身会有默认的字号，也许就和30px不同，间隙的大小就不同。
你可以在页面进入开发者模式（按F12），选中元素，点击div，就能看到它默认字号