用CSS选择一个特殊的div

如果我有以下HTML代码：

<div class="profile-header col-sm-4">
    <div class="profile-cover">
        <h1>01</h1>
        <div class="row">
            <div class="col-sm-6">
                <div class="checkbox checkbox-primary">
                    ...
                </div>
            </div>
            <div class="col-sm-6">
                <div class="btn-group">
                    ...
                </div>
            </div>
        </div>
    </div>
</div>

我不想通过选择

.checkbox

而变得太大

---

谢谢。

A>B

只选择一个子代（直系后代），所以听起来您只需要：

.profile-cover .checkbox

---

这意味着

.checkbox

在

中的任意位置。配置文件封面

按精度降序排列（所有内容都将命中目标元素）：

---

.profile cover.checkbox.checkbox primary

或just

.profile cover.checkbox primary

或

profile cover.checkbox

如果选择范围不太大，则表示直接的父子关系，此处没有

.profile cover.checkbox primary

应该这样做，如果您也不想太具体的话。。。

.profile-cover .checkbox

.profile-header>.profile-cover>.row>.col-sm-6>div.checkbox,
.profile-header>.profile-cover>.row div.checkbox,
.profile-header>.profile-cover div.checkbox,
.profile-header div.checkbox,
.profile-cover div.checkbox