2017-09-20 4 views
0

フロントエンドのCSSスタイルとアポストロフィ自身のコンフリクトを抱えています。 たとえば、テンプレートを追加した後、アポストロフィのフォーム入力フィールドがすべての大文字で表示され、配置がすべてオフになりました。 異なるスコープに分割することをお勧めしますか? ありがとうございます。フロントエンドのテンプレートからアポストロフィの音節を分離する方法

+0

問題が発生しているフォームが表示されているgithubプロジェクトの詳細を提供できますか?私たちのフォームスタイルはapos-uiにスコープされており、自分のフォームに影響を与えてはいけません。実際にフォームマクロを使用している場合を除き、そうしたスタイルを選択している場合はそうです。 –

+0

ここにプロトタイプがあります。それはコンテンツが随時作成されている典型的な小規模なサイトプロジェクトなので、今はすべて静的です(ページごとに別々のテンプレート)。ページレイアウトを完成させたら、編集可能な領域をウィジェットに変換してアポストロフィを活用します。 https://github.com/uncircled/dsm 私はstie.less内のすべてのテーマのスタイルをインポートしていますhttp://www.destination-spa-management.com/ (管理者/ snow2water) である バージョンを上演 VadimG、私はあなたが正しいと思っています。テーマスタイルのいくつかはグローバルにスコープされており、その範囲を縮小しなければなりません。 –

+0

githubのURLは404の参考情報です。 –

答えて

2

これは、アポストロフィだけでなく、CMSesにとって非常によくある問題です。個人的には、CSSとJSのすべてのファイルの範囲を参照するモジュールの範囲に制限するという習慣を開発しました。それ以来、私は一度も問題を抱えていませんでした。

I.e.私はウィジェットと呼ばれるモジュールを持っていて、それをクラス 'ウィジェット'を持つ要素にラップします。これは私のCSSをその '.widget'に限定することを可能にします。幸いにも、BEM以下を使用すると、公園での散策がうまく行かなくなります。

+0

これは一般に、アポストロフィーチームがクライアントプロジェクトを開発する方法です。グローバルスコープではほとんど/何もなく、ウィジェットとリッチテキスト(ITCSSを使用しているため、ほとんどがオブジェクトやコンポーネントです) –

関連する問題