CSSによる文字色の変更の方法

ご質問ありがとうございます。

デフォルトの設定では、default.css の162行目あたりに、見出しのスタイルがまとめて設定されています。

/* 見出し */
h1, h2, h3 {
  font-size: 110%;
}
h4, h5, h6 {
  font-size: 100%;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
  color: #000000;
  text-decoration: none;
}

ご指摘の部分

div#main h1, h1#pagetitle {
  border: solid 1px #333;
  background-color: #f9f9f9;
  padding-left: 1em;
}

は、上記見出しの基本スタイルに加え、囲み線(border)をつけることを設定しています。見出しの文字色が変わらないのは、見出しの中にリンク(a)があるためだと思われます。

見出しの中にリンクがある場合(h1 a)について、文字色を設定すれば、狙い通りの表示になるのではないでしょうか。

以上参考になれば幸いです。

ありがとうございます。単なるＣＳＳの勉強不足です。意図した表示になりました。
m（_ _）m


ただ

/* 見出し */
h1, h2, h3 {
font-size: 110%;
}
h4, h5, h6 {
font-size: 100%;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
color: #000000;
text-decoration: none;
}

を

/* 見出し */
h1, h2, h3 {
font-size: 110%;
}
h4, h5, h6 {
font-size: 100%;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
color: #ffffff;
text-decoration: none;
}

と書き換えるだけで、問題が解決しました。

この方法は一度試していたのですが、一度目では変化がなかったのですが、今回教えていただいたあとに試したらきちんと色の変更がなされました。何が間違っていたのかは分かりませんが･･･

とにかくご迷惑おかけしました。