css代碼中的2個類名連一起寫是啥意思？

<div class="menu-btn closed">
      <div class="menu-line"></div>
      <div class="menu-line"></div>
      <div class="menu-line"></div>
</div>

.menu-btn.closed .menu-line:nth-child(1){
    transform:translateY(15px) rotate(45deg);
}
.menu-btn.closed .menu-line:nth-child(2){
    opacity: 0;
}
.menu-btn.closed .menu-line:nth-child(3){
    transform:translateY(-15px) rotate(-45deg);
}

觀察下面這段css的“closed”這個類名，它現在和menu-btn連在一起寫，中間沒寫空格，意思是，如果menu-btn這個類旁邊有closed這個類，那么它后面的內容就生效

比如這個時候<div class="menu-btn closed">就是生效的

如果是<div class="menu-btn">，這個時候menu-btn這個類旁邊沒有“closed”，那它就不生效。