divにも同じフォントスタイルを適用したい

質問

現在

p {
color : #222222;}
p {
font-family: Arial, Helvetica, sans-serif;}
p{
margin: 1px 0px 1em 0px;
font-size:95%;
line-height:103%;
}

このような指定をしてあります。
しかしセンタリングなどに
<div style="text-align:center;">のタグを使用するとセンタリングはされますけれど、上記CSSが反映されませんよね。

あちこちのHPを参考に色々試行錯誤をしていますけれど上手く反映されません。

div {
color : #222222;}
div {
font-family: Arial, Helvetica, sans-serif;}
以下略

div.test　等に変えても同じです。
どこがダメなのでしょうか？

回答No.2

0wl · ベストアンサー

div,p {　　　　　　　　　　　　　　/* div,を増やしました。 */　　　　
color : #222222;　　　　　　　/* p要素の指定をまとめました。 */
font-family: Arial, Helvetica, sans-serif;}
body {
background-color:#e0ffe0;}
a:link {
color : #0000ff;
}
a:visited {
color : #003333;
}
a:hover {
color : #660000;
}
a:active {
color:#660066;}
p{
margin: 1px 0px 1em 0px;
font-size:95%;
line-height:103%;
}
ではどうでしょう？
pは段落というブロック要素、divは特定の意味のないときにつける、ブロック要素。
「p」も「div」もセレクタになれるが、別のものなのでpにした設定（プロパティと値のセット）をdivにも効かせたいなら、「,」で区切り同時に指定するか、p{}の中に改めて入れなくてはなりません。

ちなみに、div.testならhtml側で<div class="test">とdivの中でもクラスを指定するといいです。
そして、ｃｓｓだけ出されてもhtmlが分からないので問題が細かくなってくると想像の範囲を超えていきますので、次回からcssの質問をされるときは、html側のソースもアップされると、回答がつきやすくなると思います。

お礼

ありがとうございます！

出来ました。
本当にありがとうございます。

回答No.1

notnot

p要素の中に、div要素を入れているのでしょうか？p要素の中にはインライン要素しか入れてはいけません。

<p>
<div>～～</div>
</p>

と書くと、

<p></p>・・・・・自動的に</p>が補われる
<div>～～</div>
</p>・・・・無効な閉じタグ

と見なされます。

スタイルで、
div { color: #222222; }
と書いて、
<div style="text-align: center">～～</div>
と書くと、両方効くはずですが、もしそうならないなら、そうならないコード全体を書いて下さい。

お礼

インライン要素とブロック要素というものがあるんですね。

ありがとうございます！

もう少し悪戦苦闘してみます！

補足

<p>～</p>の間には入れていません。

@charset "UTF-8";
p {
color : #222222;}
p { font-family: Arial, Helvetica, sans-serif;}
body {
background-color:#e0ffe0;}
a:link {
color : #0000ff;
}
a:visited {
color : #003333;
}
a:hover {
color : #660000;
}
a:active {
color:#660066;}
p{
margin: 1px 0px 1em 0px;
font-size:95%;
line-height:103%;
}

CSSはこれです。