0

つまり、たとえば、Web ページと、アプリケーションを含む div があります。ページには独自のスタイルがありますが、アプリケーションには独自のスタイル (Twitter のブートストラップ スタイルなど) が必要です。したがって、アプリケーションのこれらのスタイルがページ自体のスタイルに影響を与えないように、具体的なラッパーのみに CSS を定義する方法はありますか。

確かにいつでも のようなものを書くことができます#wrapper .btn { // style }が、同じ twitter ブートストラップには 100KB のスタイルがあるため、すべてのスタイルを管理するのは少し複雑です。次のような構造があれば完璧です。

#wrapper {
     .btn { //style }
     .btn-group { // style }
}

これはと同等です

#wrapper .btn { // style }
#wrapper .btn-group { // style }

CSSに解決策があることを願っています。前もって感謝します！

4

2 に答える 2

0

Twitter Botstrap は以下の CSSを使用しますhttp://lesscss.org/これにより、あなたが言及したことを正確に実行できます。

#wrapper {
     .btn { //style }
     .btn-group { // style }
}

そのように書かれ、従来の css にコンパイルされます。使用しているフレームワーク/言語 (.net、php) に応じて、それらに固有のプラグインがあります。ブートストラップと一緒に dot.less を使用していますが、うまく機能します。

于 2012-12-19T23:56:11.690 に答える
0

プレーンな CSS ではありません。CSS プリプロセッサを使用する必要があります。いくつかありますが、すべてこのスタイルのネストをサポートしています。

最も人気のあるもののいくつかを次に示します。

範囲指定されたスタイルもありますが、現時点ではブラウズ サポートが非常に貧弱です。

于 2012-12-19T23:56:20.123 に答える