質問: お世話になります。 作成しておりますサイトのレイアウトなのですが、 リンク内容 なんとか形になってまいりました。 ありがとうございます。 トップページができましたので 「都道府県」クリック時の市区町村一覧ページ 市区町村一覧 「市区町村」クリック時のジャンルリスト一覧ページ ジャンル一覧 でも同じように 表示をさせたいのですが、 トップページで使用したCSSをclass名を変えて使おうとしたのですが border-radius:5px; や background-color:#F4EFE0; は反映されるのですが text-align:center; や font-size:20px; など反映されません。 外部→内部→インラインと理解しているつもりですが 原因がわかりません。 arcive.phpの該当箇所は ``` ID ,'shop_genre', '', '', ''); ?> ``` style_pc.cssは ``` /*オリジナルCSSカテゴリーページ*/ .cat-item { width:auto; font-weight:bold; text-decoration:none; display:block; text-align:center; margin-left : auto ; margin-right : auto ; padding-left:auto; padding-right:auto; color:#fff; background-color:#F4EFE0; border:1px solid #C4C2BA; border-radius:5px; margin-bottom:5px; margin-top:5px; } .cat-item a { display:block; text-align:center; } /*オリジナルCSSカテゴリーページここまで*/ ``` と記載しております。 よろしくお願いいたします。
回答: styleタグで読み込みすれば良いんじゃないですかね。 sheetを読み込んだ後に処理されてるから結果処理されない。 もしくはjavascriptで要素有る無しで処理したりとか。