1

私は次のような通常の方法でスタイルを含めています：

<link rel="stylesheet" href="/css/boostrap.css" type="text/css" />

このスタイルには、メインビューを破壊するスタイルがたくさんあります。これは、body要素に適用されますが、特定の1つのdivにのみスタイルを適用することはできますか？

4

3 に答える 3

1

それ<div>を別のページに入れ、そのページにのみブートストラップCSSを含めます。

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="/css/boostrap.css" type="text/css" />
    </head>
    <body>
        <div>This is your DIV</div>
    </body>
</html>

メインページはそれに触れられず、メインページ内にそのdivを表示することができます。iframeたとえば、次のように変更します。

<div>This is your DIV</div>

これに：

<iframe src="url of the other page"></iframe>

もちろん、これに対応するためにページのロジックを少し変更する必要があるかもしれません（主に、サーバー側のC＃コードのため、クライアント側のJavaScriptコードの場合は、同じドメインからのものであるため、より簡単になるはずです）。

于 2013-02-28T12:14:41.540 に答える
-1

はい、IDでそれを行うことができます：

<div id="myDiv"></div>

そして、CSSは次のようになります。

#myDiv { ... }

これにより、そのスタイルが。という名前のすべてmyDivに適用されます。クラスを使用することもできます。

<div class="someClass"></div>

そして、CSSは次のようになります。

.someClass { ... }

そのスタイルは、そのクラスがアタッチされているものすべてに適用されます。

すでに定義されているCSSを壊しているCSSの一般性を取り巻く説明に基づいて、CSSをマージしようとしているように聞こえるので、これらの一般的な要素スタイルを取り除き、IDを使用する必要があります。 。

于 2013-02-28T12:13:11.263 に答える
-1

javascriptコードを使用してすべてのスタイルのボディを削除しようとします。その後、正しいcssのボディスタイルに名前/ IDを追加した後、これをボディのクラス属性として設定します。（ドキュメントが完全にロードされた後のjsコードも）

別の（ばかげた）解決策は、cssファイルに何があるかによって異なります。/css/boostrap.cssを編集して、すべての本文の単語を「.body1」に置き換えることができますか（fe =>それからクラスを作成します）？

于 2013-02-28T12:58:55.130 に答える