4

私のWebページに、div用に定義された3つのcssすべてがある場合

  1. 列をなして
  2. 内部
  3. 外部の

ブラウザは最初に 1)Inline を探し、次に 2)Internal を探し、最後に外部 css を探します。

しかし、私は外部CSSのみを呼び出したいのですが、どのように行われますか?? 私はそれを行うことができますか、!importantそれとも他の方法がありますか？

4

3 に答える 3

3

内部スタイルシートと外部スタイルシートに違いはありません。どのスタイルが適用されるかは、次の条件によって異なります。

  1. 特異性
  2. 申告順

インライン スタイルが最も具体的で、次にアイデンティティ ルール (#)、クラス ルール (.)、要素ルールの順に続きます。

と のように、同じ特異性を持つ 2 つのルールの場合div .main、span.title両方のルールが適用されますが、同じプロパティを指定すると、最後に宣言されたルールが引き継ぎます。

優先順位を回避する唯一の方法は、を使用すること!importantです。

于 2012-06-19T06:29:34.280 に答える
2

最善の方法は、すべてを外部 css ファイルに入れることです。インライン スタイリングが必要な場合は、外部スタイルシートでまだ定義されていないものだけがあることを確認してください。つまり、スタイリングを複製/上書きしないでください。たとえば、css ファイルに次の内容があるとします。

div { padding: 5px; }

次に、次のインライン スタイリングを使用しないでください。

<div style="padding-right:2px;" />

cssファイルに入れるだけ

div { padding: 5px 2px 5px 5px; }

あなたが言ったように、サイトの他のページには適用されない 1 つのページだけのスタイルをオーバーライドする必要が!importantある場合に使用できます。

于 2012-06-19T06:37:54.100 に答える
1

1) インライン化してから 2) 内部および最後に、外部 css を探します。

<style>いいえ。に含まれる CSS と に含まれる CSS の優先度に違いはありません<link>。

しかし、私は外部CSSのみを呼び出したいのですが、どのように行われますか??

<style>属性を介して含まれる CSS またはstyle属性を介して含まれる CSS を無視することはできません。

私はそれを行うことができます !important または他の方法はありますか?

すべてのルールに適用!importantして、ルールが含まれていないことを期待することもでき<style>ますが、それは狂気です。style!important

于 2012-06-19T06:24:14.967 に答える