人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSについて質問です。
<div id="pager">
aaa
</div>

div#pager{
font-size:1.1em;
}

としたとき
body全体のフォントが大きくなってしまいます。
divをposition:fixed;しているところがあるところが
問題なのでしょうか?
よろしくお願いします。

●質問者: Bain
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● meefla
ベストアンサー

CSS の div#pager という指定が原因だと思います。
div を削って #pager だけにしてみてください。

ID で指定しているので、指定先のタグ属性は不必要ですし、
全ての div に適用されているのではないかと考えます。


a-kuma3さんのコメント
id 指定ならタグは要らないだろう、というのはその通りだと思いますが、タグに続けてidセレクタを指定しても、セレクタとしては問題は無いです。 実際に上手くいかないページの記載もしくは URL を、前後も含めてそのまま提示した方が良いと思います >id:syatyuhakunsusume さん #pager の DIV を閉じるのが抜けているとか、想像しているところとは別のところに原因があると思います。

meeflaさんのコメント
> タグに続けてidセレクタを指定しても、セレクタとしては問題は無いです。 .class の場合はそうでしょうけど、 #id の場合もそうなんですか? http://www.w3schools.com/cssref/sel_class.asp p.hometown という例が More Examples の所にあります。 http://www.w3schools.com/cssref/sel_id.asp More Examples はありません。

meeflaさんのコメント
W3C のドキュメント読むと、問題なさそうですね。 http://www.w3.org/TR/css3-selectors/#id-selectors h1#chapter1 という例が出てました。 XML 1.0 まで視野にいれると、複数の ID 要素があってもいいのかな?

a-kuma3さんのコメント
意味的には id は、そのページで unique であるべきだと思いますけれど、css のセレクタという意味では、複数ページに適用される外部ファイルの CSS では、id 属性が付いているタグや、それを囲んでいるタグの親子関係などが指定される余地はあると思います。

Bainさんのコメント
解決しました。 PHPのネストの問題でした。 ありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ