こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

cssの読み込み優先順位

以下の場合、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>

投稿日時 - 2007-09-23 23:26:41

QNo.3371022

困ってます

質問者が選んだベストアンサー

おなじ要素への指定は後からのものが適用するので
あっているように見えますが・・・。
現にIEやfirefoxでは問題ないようです。
別の箇所で何らかのセンタリングがはいっているのでは?

投稿日時 - 2007-09-24 00:20:09

お礼

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

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

投稿日時 - 2007-09-24 00:50:57

ANo.2

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

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

投稿日時 - 2007-09-24 00:39:04

お礼

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

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

投稿日時 - 2007-09-24 00:52:46

ANo.1

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.html

投稿日時 - 2007-09-24 00:15:40

あなたにオススメの質問