下記のようにcssででデフォルトのフォントサイズを指定し、
そのあとにID指定でフォントサイズを指定しましたが、
side_menyue_lのフォントサイズ10が適用されずに
14pxとなってしまいます。
chromeのディベロッパーツールで確認すると、
#side_menue_lのほうが {よりも上位に表示され、
フォントサイズは10pxが有効になっているにも関わらず、
表示は14pxで表示されてしまいます。(14pxは取り消し線が表示されているのに…)
ためしに、* {側のfont-size: 14px;のチェックを外してやると、
フォントサイズは10pxで表示されます。
全然意味がわからなくて困っています。
よろしくお願いします。
★xxxxxx.cssの一部
- {
//初期化
padding : 0px ;
margin : 0px ;
font-size: 14px;
}
#side_menue_l {
width : 20% ;
font-size: 10px;
border: 1px solid #FF9900;
}
★top.tplの一部
<!DOCTYPE html> <html lang="ja"> {* ヘッダファイル読み込み。title変数を渡す *} {include file='head.tpl'} <body> <div id="wrapper"> {* ヘッダーファイル(body内)読み込み *} {include file='header.tpl'}<div id="contents"> {* サイドメニューファイル(左側)読み込み *} {include file='side_menue_l.tpl'} {* ここにページの内容を記述 *} <div id="main">
★head.tplの一部
<head> <meta charset="utf-8"> <link rel="stylesheet" href="../css/xxxxxx.css">回答2件
あなたの回答
tips
プレビュー