ブートストラップ CSS の抽出 style_html/css_WEB-ITnose

これは JSP コードの一部です

<th class="col-sm-1">                                        <div class="col-sm-10 form-group">                                            <label class="col-sm-3 control-label no-padding-right"                                                   for="form-field-1" style="font-size: x-small">                                                 </label>                                            <select class="col-sm-7" id="form-field-1" ng-model="select1"                                                    ng-options="m.codename for m in inscom">                                                <option value="">.</option>                                            </select>                                        </div>                                    </th>

これには、多くのブートストラップ CSS クラス セレクター、col-sm-1、col-sm-10 form-group などが含まれています。
次に、これらのクラスを抽出してクラスに配置したいと思いますたとえば、次の形式:

<th class="th">                                        <div>                                            <label                                                   for="form-field-1" style="font-size: x-small">                                                 </label>                                            <select  id="form-field-1" ng-model="select1"                                                    ng-options="m.codename for m in inscom">                                                <option value="">.</option>                                            </select>                                        </div>                                    </th>

は、クラスを導入するだけで実現できるでしょうか。 ? ? ?

ディスカッション（解決策）への返信

col-sm-1やcol-sm-10 form-groupなどをマージしたい場合はマージすることもできますが、非常に面倒です。すべてのコードがスクリーンショットしたものでない限り。
クラスcol-sm-1とcol-sm-10 form-groupは同じページの他の部分や他のページで共通であるため、col-sm-1とcol-sm-10 form-groupがマージされると、 , スクリーンショットを撮った部分をマージするだけです。そうしないと、col-sm-1、col-sm-10 form-group の他の部分を使用するとスタイルがめちゃくちゃになります。

col-sm-1やcol-sm-10 form-groupなどをマージしたい場合はできますが、非常に面倒です。すべてのコードがスクリーンショットしたものでない限り。
クラスcol-sm-1とcol-sm-10 form-groupは同じページの他の部分や他のページで共通であるため、col-sm-1とcol-sm-10 form-groupがマージされると、 , スクリーンショットを撮った部分をマージするだけです。そうしないと、col-sm-1、col-sm-10 form-group の他の部分を使用するとスタイルがめちゃくちゃになります。

それでは、上記の部分だけをマージしたらどうなるでしょうか? ?

例: class="col-sm-3 control-label no-padding-right"
これらのスタイルを 1 つにマージして重複を削除する必要がありますが、これらのスタイルが分離されている理由から、これはお勧めできません。書き方の目的は、サイト全体のスタイルを記述する際に重複を避け、制御を容易にすることです。