关于CSS选择器问题，求解答

.html中结构如下：

<div class="btn">
            <span class="leftbtn" id="left"></span>
</div>

.css文件中选择器如下：

.btn  span.leftbtn { // span 和 leftbtn紧挨着
    left: 10px;
}

问题：span.leftbtn 元素.类名 ，元素和类名 紧挨着是个啥意思？这样又是什么类型的CSS选择器呢？这种用法常用吗？

这种写法是为了区分多个span的时候，加个.leftbtn优先级会更高一点

翻译过来就是 btn类下面的span并且要求span的类是leftbtn这样好理解了吧