どのように異なるcss aem 6を持つコンポーネントを再利用できますか？

Question

私はページ上で作業しており、1つのコンポーネントとして構築したいいくつかの機能があります。しかし、彼らはさまざまなCSSクラスを使用します。たとえば。

<div class="class1 class2"> 
      <div class="class3"> 
       <div class="class4"> 
        <div class="left"> 
         <p class="title">Some content</p> 
         <p class="subtitle">Sub title</p> 
         <p>Paragraph</p> 
        </div> 
        <div class="right"> 
         <p class="title">Title</p> 
         <p class="subtitle">sub title</p> 
         <p>Paragraph</p> 
        </div> 
        <div class="middle"> 
         <a href="content.html" class="callToAction">See your content</a> 
        </div> 
       </div> 
      </div> 
     </div> 

内容はほぼ同じですが、CSSのクラスはかなり異なります。 このコードを使用するコンポーネントを作成できますか？それに応じてCSSクラス（class1、class2など）を変更するだけですか？

どうすればこの問題を解決できますか？

Answer 1

1つの可能性は、ビューごとに異なるscripts/jspを持ち、スクリプト/ビューの1つを選択するためのオプションダイアログボックスを提供することです。 OOTB Listコンポーネントでも同様のアプローチが行われます。