使用BASS和SASS声明活动/聚焦/悬停状态的正确方法是什么?例如,我有这样的结构:
<div class="card">
<img class="card__image" src="..." alt="">
<div class="card__overlay">
<div class="card__title"></div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
和SCSS:
.card {
&__image {
}
&__overlay {
}
&__title {
}
}
Run Code Online (Sandbox Code Playgroud)
我想在悬停在块上时修改元素.这不起作用:
.card {
&__overlay {
display: none;
}
&:hover {
&__overlay {
display: block;
}
}
}
Run Code Online (Sandbox Code Playgroud)
并且必须.project__image
为这一个实例编写整体似乎是错误的.
有没有其他方法可以实现这一目标?
我有 3 个并排的 Bootstrap 按钮,但其中一个有换行符(我正在用 修改它们white-space: normal
)。我需要它们都具有相同的高度和垂直居中的文本。
我有这样的:
我需要他们这样:
我无法弄清楚如何做到这一点。有任何想法吗?