小编so4*_*o4t的帖子

BEM与SASS和:悬停

使用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为这一个实例编写整体似乎是错误的.

有没有其他方法可以实现这一目标?

css sass bem

8
推荐指数
3
解决办法
7718
查看次数

具有相同高度和垂直居中文本的 Bootstrap 按钮

我有 3 个并排的 Bootstrap 按钮,但其中一个有换行符(我正在用 修改它们white-space: normal)。我需要它们都具有相同的高度和垂直居中的文本。

我有这样的: 当前的

我需要他们这样: 想要的

我无法弄清楚如何做到这一点。有任何想法吗?

html css twitter-bootstrap

6
推荐指数
1
解决办法
5608
查看次数

标签 统计

css ×2

bem ×1

html ×1

sass ×1

twitter-bootstrap ×1