問題タブ [oocss]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - ITCSS を使用してフォームを作成し、特異性の問題を管理するにはどうすればよいですか?
ITCSS を介して CSS アーキテクチャを構築する大規模なプロジェクトがあります。全体として、私はそれが大好きです。ただし、フォームのスタイルを設定するときに 1 つの問題があります。
要素レイヤーでさまざまなフォーム要素のスタイルを設定しました。
forms.scssで:
ただし、別のスタイリングが必要なコンポーネントがある場合:
foo_component.scssで:
forms.scss の入力タイプの選択性により、コンポーネント スタイルはfoo_component.scssの要素スタイルをオーバーライドしませんforms.scss。
私が考えている現在のリファクタリングはforms.scss、オブジェクトへの変更です。
form_object.scssリファクタリング:
これが適切な規則なのか、それともより良い解決策があるのか 疑問に思っていましたか?
html - SASS/SCSS は OOCSS を作成する方法ですか?
私は SASS/SCSS とオブジェクト指向を知っていますが、SASS は CSS をオブジェクト指向にする方法だと言えますか? 間違っている場合は修正してください。
css - ネストされた SASS セレクターを別の SASS ファイル内に拡張する
SASS の繰り返しを減らす方法を探しています。セレクター内にネストされた次の宣言があります。
内部register.scss:
@extend別のSASSファイルのセレクター内でそれを行いたいのですが、それが可能かどうかはわかりません。
admin.scss:
これを試行すると、次のエラーが表示されます。
エラー: 複雑なセレクターは拡張できない可能性があります。
これを行う方法はありますか？