cssの読み込み優先順位

解決済

質問者：niguotd
質問日時：2007/09/23 23:26
回答数：3件

以下の場合、grid.cssが優先されて「text-align: center;」が適用されてしまうのですが、common.cssを優先させるにはどのようにしたらよいのでしょうか。(!important命令は使わないという前提で。)

【階層構造】
「cssフォルダ」┳　common.css
　　　　　　　 ┃
　　　　　　　 ┣　screen.css
　　　　　　　 ┃　　　　　
　　　　　　　 ┗　「libフォルダ」━ grid.css

cssファイル中身
[screen.css]
@import 'lib/grid.css';

[grid.css]
body {
text-align: center;
}

[common.css]
body {
text-align: justify;
}

htmlファイル中身
<head>
<link rel="stylesheet" type="text/css" href="../../css/screen.css" />
<link rel="stylesheet" type="text/css" href="../../css/common.css" />
</head>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： yambejp
回答日時：2007/09/24 00:20

おなじ要素への指定は後からのものが適用するので

あっているように見えますが・・・。
現にIEやfirefoxでは問題ないようです。
別の箇所で何らかのセンタリングがはいっているのでは？

- 0
- 件

通報する

この回答へのお礼

ご指摘ありがとうございます。
うっかりしていました。
別の箇所でセンタリングをしていました。

お手を煩わせてしまい申し訳ございませんでした。

通報する

お礼日時：2007/09/24 00:50

No.3

回答者： ishkkr
回答日時：2007/09/24 00:39

No1の回答をしたものです。

スミマセン、勘違いしてました（汗；
No2の回答者様の言うとおり読み込み順序はそれであってます。
大変失礼いたしましたm(_ _)m

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。

No2様へのお礼欄の通り解決致しました。

通報する

お礼日時：2007/09/24 00:52

No.1

回答者： ishkkr
回答日時：2007/09/24 00:15

htmlファイル中身を

<head>
<link rel="stylesheet" type="text/css" href="../../css/common.css" />
<link rel="stylesheet" type="text/css" href="../../css/screen.css" />
</head>
としてみては？（link～の順序を入れ替えた）

もしくはbody要素に適当なclass属性、またはid属性を指定してそれに対しcommon.cssの指定の内容を行うことで実現可能かと思います。

↓優先順位のポイント計算について参考ページ
http://www.stylish-style.com/csstec/base/order.h …