bem

1熱

1答えて

私は、WordpressとBootstrapのBEM方法論の使い方を理解するのにいくつかの困難を抱えています。私はファイル/フォルダ構造 BEM DOCUMENTATIONを私のstylesheet.cssにどのように適用できないか分かりません。ドキュメンテーションによれば、navigation.css、footer.css、button.cssなどのスタイルシートをいくつか作成し、@impor

2熱

1答えて

親

からすべてのプロパティを継承するアンパサンド修飾子を取得し、私は私のクラスにBEM-スタイル修飾子を追加するSASSの便利なアンパサンド表記を使用しています： .box { display: inline-block; width: 100px; height: 100px; background: magenta; &--selected {

0熱

1答えて

BEMを使用する場合、ブロック内にブロックがネストされているのは理にかなっていませんか？

ブロックをtitleブロックにしたいとします。スタイリング上の考慮事項として、特殊なCSSスタイルを使用してdivの中にネストする必要があります（特定のボーダーとスペーシングスタイリングが必要な場合など）。これをboxとしましょう。ボックスはその内部にtitleのスタイルを提供します。私がboxを持っている必要があるのは、CSSの制限と関係がありますので、boxがBEMの用語でブロックと見なされ

0熱

1答えて

親からのscssの拡張方法（BEVMの場合）

BEVM + SCSSの哲学を理解しようとしています。この場合、VからBEに拡張する方法がわかりません。私が達成したい何： .block { &__element { background-color: black; &--variation-a { @extend &__element; //won't work color:

0熱

2答えて

隔離されたコンポーネントを作成するときに複数のcssクラスを組み合わせることをお勧めしますか？

私はしばらくの間、私のプロジェクトで "BEMのような"構文を使用してきました。私はこれを見たときに最近、私はいくつかのCSSの記事を再読み込みしたhttps://en.bem.info/methodology/css/#single-responsibility-principle を基本的には、代わりにそのクラス内header__buttonのすべてのスタイルを置くこと、それはまた、butto

0熱

2答えて

他のCSSファイルをBEMで上書きする方法は？

私はベースCSSファイルを持つプロジェクトをテーマにしています。私はBEMを使用してサイトをスタイルすることを意図していますが、このベースファイル（編集できません）に問題があります。 .main-menu { &__cta { font-size: .875rem; } } しかし、これはbase.cssによって上書きされています： .main-menu a {

0熱

2答えて

BEM修飾子内のSCSSでgrand parentを選択する方法は？

私はBEMとSCSSを試みている間に。 SCSSを使ってモディファイアとエレメントを選択するのは簡単ですが、モディファイアを使用している間に難しい部分があります。モディファイアクラスを持たない参照エレメントは、私が作成したきちんとしたアプローチを破っています。ここで私がやろうとしている簡単な例があります。これはHTML <div class="icon-box icon-box--red">

2熱

3答えて

親が修飾子を持つ場合、SCSS + BEMスタイルの子構造

内部の要素にscssを設定できますか？私はないたく使用.box__somethingを行うが、私はあなたを理解する場合は修飾子が親にない使用する必要があります <div class="box"> <div class="box__something">Hello</div> </div> <div class="box box--rounded"> <div class="

0熱

1答えて

BEMとSassを使用したホバー上のCSS遷移

CSSトランジションを実行しようとしています（opacity:0〜opacity:1） - 私はSassとBEMを使っています。兄弟演算子+を使用して、SassネストされたBEM構造を維持できるようにしたいと考えていました。ユーザーが、私はそれがここ 1に要素 .price__tooltip兄弟だの不透明度を設定したい .price__textの上に置いた一例としての私のSCSSが .pric