.activeBtn { &:focus { border-color: black; } // 펼쳐졌을 때 &:not(.collapsed) { color: black; border-bottom: 1px solid #000000; white-space: normal; & p { &::after { content: "adsadsadsa"; } } } // 숨겨졌을 때 &[class~="collapsed"] { border-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } &::after { display: none; } } .textBox { white-space: pre-line; }