HTML/CSSに変数のようなものはありますか？

質問

CSSで<p>タグ内の文字の色を設定しようと思ったら、設定したくない別の<p>タグ内の文字までその色になってしまい、それを直そうとしたら、HTML内に直接<font color="">と記述しなければならない…というのはなんとかならないのかと思って質問しました。

変数を定義できれば、HTMLにいちいち<font color="">と何度も入力せず、
a = <font color="">
<p>[a]～[/a]といった感じで簡単に記述できるので、楽だなーということです。

回答No.2

ORUKA1951 · ベストアンサー

唯一関数的なものはcounterプロパティかな。CSS2.1の範囲内なら:first-child,:last-child、および兄弟セレクタ+
　p{color:red;}
　p+p{color:blue;}
　p+p+p{color:green;}
とか・・。

　本題です。
「<p>タグ内の文字の色を設定しようと思ったら、設定したくない別の<p>タグ内の文字までその色になってしまい、」
　これは、HTMLがきちんとマークアップされていないからです。なぜ、同じ文書内で段落で色を変えなければならないのですか？
1)色を変えたい段落が引用文だったら<blockquote><p>～</p></blockquote>で囲むはずです。
2)もしその段落が重要な語句を含むなら
　<p><strong>ここは大事な文章です。</strong></p>
3)それが彼の言葉で、次の段落が彼女の言葉なら
　<p class="kanichi">宮さん、こうして二人が一処に居るのも今宵限りだ。</p>
　<p class="miya">夫に不足は　ないけれど</p>
4)最初の一行だけ目だたせたい。

とか、HTMLでその部分がどのような構成要素であるか解るようにマークアップされていればスタイルシートで指定するだけです。
1) blockquote p{color:red;}
2) strong{color:red;}
3) p.kanichi{color:blue;}
　p.miya{color:red;}
4) p{color:green;}
　 p+p{color:black;}

・・・・HTMLがちゃんと書けていたら、そのような関数は必要ないはずです。くれぐれもデザインのためにclassをつけたりするものではありません。

回答No.1

kmee

もうちょっと、HTMLとCSSについて勉強しましょう。

class 属性って知ってます?