3

Is it possible to load external Style Sheet after Internal (or embedded) styles get loaded. I mean, say I have a div with Yellow background color, set using embedded style in a page, like;

<style type="text/css">
div{
  background-color: yellow;
}
</style>

And can I change the background color to green using an external style sheet like;

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

If this is possible, show me an example.

I know this is possible with inline style, but I don't want to use that.

4

4 に答える 4

5

はい。

<link>タグの後にタグを配置する<style>か、外部スタイルシートのセレクターをより具体的にします。

于 2012-08-19T17:46:14.237 に答える
1

あなたの質問に答えるには、はい、できます。スタイルは特定の順序で適用されます。CSS の優先順位規則については、こちらを参照してください。

于 2012-08-19T17:48:42.533 に答える
-1

CSS を同じクラスで上書きしたい場合は、そのクラスで「important」を使用できます。cssで重要なことについてもっと勉強してください。

于 2012-08-19T17:56:48.930 に答える
-2

もちろん、HTMLヘッドセクションの内部スタイル シートの後に外部スタイル シートを配置して、内部スタイル シートをオーバーライドすることもできます。

CSS オーダー

HTML要素に複数のスタイルが指定されている場合、どのスタイルが使用されますか?

一般的に言えば、すべてのスタイルは、次のルールによって新しい「仮想」スタイル シートに「カスケード」されると言えます。ここで、4 番目の優先度が最も高くなります。

1.ブラウザのデフォルト

2.外部スタイルシート

3.内部スタイルシート (head セクション内)

4.インライン スタイル (HTML 要素内)

于 2012-08-19T17:58:32.443 に答える