2012-01-16 9 views
0

いくつかのセレクタに、別のセレクタで既に定義されているスタイルを適用したいと思います(該当する場合)。他のセレクタでセレクタスタイルを適用するにはどうすればいいですか?

私はすでにいくつかのセレクタのいくつかの外部CSSファイルで定義されているスタイルを持っているので、これをしたいと思います。このスタイルを他のセレクタで複製したいのですが、コピー貼り付けをしたり、CSSファイルを編集する必要はありません(分割と征服)。このような

何か:

外部CSSファイル:

table tfoot td { 
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf)); 
} 

私のCSSファイル:

table thead td { 
    getStyle(table tfoot td); 
} 

これは可能ですか?

+0

これはできません。 – BoltClock

+2

あなたの最善の策は、スタイルブロックをクラスにすることです。 – Triztian

+1

JavaScriptを使用してセレクタ間でコピーすると、スタイルを共有できます。 – DwB

答えて

3

ネイティブCSSで実際に行うことはできません。 SCSSまたはLESSのようなプリプロセッサを使用して変数を使用する必要があります。

明確化:Triztianは彼のコメントでネイティブCSSを使用してクラスのような再利用可能なセレクタでこれを行うことができますが、スタイルセレクタ間の実際のコピーは不可能です。

+0

しかし、私はあなたたちが正しいのを得た - この場合、私は外部のCSSファイルを変更する必要があります。私は正しいですか? – rapt

+0

はい、セレクタ間でCSS定義を共有する場合は、クラスを使用するように外部CSSファイルを変更する必要があります。 – DwB

関連する問題