65

私はロンドンでアプリケーションの作業をしており、html/css 担当者はニューヨークにいます。私たちは両方とも使用できるソース管理を設定していないため、彼は毎日メールで更新を送信してきます。そして明らかに、私がより多くの仕事をすればするほど、これには毎回時間がかかります。

独自のスタイルシートを作成するという考えがありましたが、ブラウザーに私のスタイルシートの優先順位を高くして、同じクラス名と属性を持つスタイルを上書きするように指示する方法はありますか?

これは公開サイトではないため、最新のブラウザーのみをサポートします。

4

9 に答える 9

82

ヘッダーにどのように設定するかによって異なります。したがって、次のようなものが機能します。

<link rel="old stylesheet" href="path/to/style.css" />
<link rel="newer stylesheet" href="path/to/style.css" />
<link rel="newest stylesheet" href="path/to/style.css" />

最後の1つがピックアップされます。

スタイルシートに関する役立つリンク: http://www.w3.org/TR/html401/present/styles.html#h-14.3.2

上記がうまくいかない場合は、CSS の優先順位も参照してください。

それが明確であることを願っています。

于 2013-06-04T08:35:59.353 に答える
3

CSS ルールはシーケンシャルです。html ファイルに対して 2 つのことを行う必要があります。

  1. CSS を最後の CSS として含める
  2. css ファイルのすべての css 属性に !important を追加します Eg: position : absolute !important;

それはあなたの目的に役立つはずです

于 2013-06-04T08:36:30.263 に答える
1

ここのスタックオーバーフローで投稿を見つけました。私はそれがあなたを助けるかもしれないと思った.

2 つの大きな CSS ファイルを効率的にマージする方法

実際にファイルをマージしたい場合は、これが役立つと思います。

より具体的な方法で CSS を指定することも役に立ちます。

お気に入り：

td.classname{}
table.classname{}
于 2013-06-04T08:58:51.727 に答える
1

それはこのように動作します：

<link rel="stylesheet" type="text/css" href="first-style.css">
<link rel="stylesheet" type="text/css" href="second-style.css">

セカンドスタイル.css:

@import 'third-style.css';

最後にインポートされたスタイルは、すべてのルールが適用されるスタイルです。例えば：

最初のスタイル.css:

body{
    size:200%;
    color:red;
}

セカンドスタイル.css:

@import 'third-style.css';
p{
    color:red;
}

サードスタイル.css:

p{
    color:green;
    size:10%
}

結果のスタイルは次のようになります。

body{
    size:200%;
    color:red;
}
p{
    color:green;
    size:10%

注: !important ルールを追加する場合は異なります。例えば：

最初のスタイル.css:

body{
    size:200% !important;
    color:red !important;
}

セカンドスタイル.css:

@import 'third-style.css';
p{
    color:red;
}

サードスタイル.css:

p{
    color:green;
    size:10%
}

結果は次のようになります。

body{
    size:200% !important;
    color:red !important;
}

これが役立つことを願っています！

于 2015-12-21T19:27:14.780 に答える