html - 如何定位父级内的所有标签

Question

我正在尝试编写将应用于两个单独 div 中的两个按钮的 sass，但我编写的所有样式仅适用于一个按钮，有什么方法可以定位所有按钮吗？这是我的 html:

<div class="main-cta-buttons">
                <div class="subscribe-form">
                    <div>
                        <button class="btn btn-primary btn-lg btn-xs-block test" style="min-width: 220px;" aria-label="become a marketer">Become a Marketer</button>
                    </div>
                    </div>
                        <button class="btn btn-primary btn-lg btn-xs-block test" style="min-width: 220px;" aria-label="become a partner">Become a Partner</button>
                    </div>
                </div>
            </div> 

这是我的sass:

.main-cta-buttons{
display: flex;
// align-items: center;
justify-content: space-evenly;
max-width: 70rem;
margin: 0 auto;
flex-direction: row;
flex-wrap: wrap;
@media(max-width: 736px){
    flex-direction: column;
    max-width: 100%;
}

.subscribe-form{
    > div {
        @media(max-width: 736px){
            margin-bottom: 2.6rem;
        } 
    }
    & button {
        text-align: center;
        justify-content: center;
        display: flex;
    }
}

我几乎尝试了所有我能想到的方法，但这些按钮样式只出现在第一个按钮上。谢谢

Answer 1

你可以尝试使用 *每个 child 都会得到 css Prop

div.main-cta-buttons * {
// CSS Property
}