1

主なファイル:

home.html (アクセス: 読み取り専用)

...

    <h1>Heading 1</h1>

...

externalFile.css (アクセス: 読み取り専用)

.tagh1 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
}

myfile.css (アクセス: 読み取り/書き込み)

h1 {
  color: #08C;
}

.tagh1(externalFile.css)のスタイルをh1、あるファイルから別のファイルにコピーして貼り付けずに、CSS ルール (myfile.css) に含めるにはどうすればよいですか?

論理的な答え:

h1 {
  color: #08C;
  /* Just copy and paste them */
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
}

しかし、私はこれを行うことができません:)

編集：

私はそれが次のようなものかもしれないと思った：

.tag1 {
  property1: value1;
  property2: value2;
}

.tag2 {
  include(.tag1); /* or something */
  property3: value3;
}

コードの繰り返しを避けるため。

4

1 に答える 1

4

私が質問を正しく理解していれば、ページにはすでに両方の CSS ファイルが含まれており、必要な CSS クラスを持たない H1 タグで最初の CSS ルールを再利用したいと考えています。また、HTML ファイルまたは最初の CSS ファイルを編集するオプションではありません。

CSS 自体は、探しているタイプの再利用を提供しません。LESSやSASSなどの動的なスタイルシート言語も可能ですが、Web サイトの制約 (読み取り専用ファイル) を考えると、おそらく選択肢にはなりません。

JavaScript または jQuery がオプションの場合、HTML ソース コードに触れることなく.tagh1、要素にクラスをh1動的に追加できます。

jQuery

$(document).ready(function(){
    $('h1').addClass('tagh1');
});

次に、上記の CSS ルールの両方が H1 要素に適用されます。

書き込み権限のあるファイルはあり.jsますか? その場合は、上記のコードをそこに追加します。そうでない場合は、CSS スタイルをコピーして 2 番目の CSS ファイルに貼り付ける必要があります。

于 2013-03-15T01:38:23.807 に答える