- ベストアンサー
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>
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
おなじ要素への指定は後からのものが適用するので あっているように見えますが・・・。 現にIEやfirefoxでは問題ないようです。 別の箇所で何らかのセンタリングがはいっているのでは？
その他の回答 (2)
- ishkkr
- ベストアンサー率46% (35/75)
No1の回答をしたものです。 スミマセン、勘違いしてました（汗； No2の回答者様の言うとおり読み込み順序はそれであってます。 大変失礼いたしましたm(_ _)m
お礼
ご回答ありがとうございます。 No2様へのお礼欄の通り解決致しました。
- ishkkr
- ベストアンサー率46% (35/75)
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
お礼
ご指摘ありがとうございます。 うっかりしていました。 別の箇所でセンタリングをしていました。 お手を煩わせてしまい申し訳ございませんでした。