blog CSSのタイトル色の変更指定について！！

質問

このblog CSSのブログタイトルの色変更はどうすればいいですか？
.blogtitle　の所で色指定してもダメでした？他に方法があるのですか？

livedoor Blog CSS
FileName: ネコさん(20040819)
Version: 2006.06.26
-----------------------------------------------------
*/

#header{}

#header td{
color:#FFF;
font-size:12px;
text-align:right;
padding-right:10px;
}

#header a:link{color:#FFF;}
#header a:visited{color:#FFF;}
#header a:active{color:#FFF;}
#header a:hover{color:#FFF;text-decoration:none;}

body{
margin:0;
padding:0;
text-align:center;
font-family: verdana ,arial ,sans-serif;
background-color: #4d9d1c;
/*background:#4d9d1c url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/bg.gif') repeat-y 50% 0;*/
}

a{color:#666;text-decoration:underline;}
a:link{color:#666;text-decoration:underline;}
a:visited{text-decoration:underline;}
a:active{}
a:hover{color:#666;text-decoration:none;}

#container{
width:833px;
margin:0 auto;
text-align:left;
word-break:break-all;
background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/header.gif') no-repeat;
}

#banner,#subbanner{
width:833px;
height:185px;
margin:0 auto 35px;;
}

#banner a{color:#fff;text-decoration:none;}
#banner a:link{color:#fff;text-decoration:none;}
#banner a:visited{text-decoration:none;}
#banner a:active{}
#banner a:hover{color:#fff;text-decoration:underline;}

#subbanner a{color:#fff;text-decoration:underline;}
#subbanner a:link{color:#fff;text-decoration:underline;}
#subbanner a:visited{text-decoration:underline;}
#subbanner a:active{}
#subbanner a:hover{color:#fff;text-decoration:none;}

h1,h2,h3{margin:0;padding:0;}

.blogtitle{
font-size:20px;
font-weight:bold;
padding-top:85px;
padding-right:70px;
text-align:right;
}

.description{
color:#000;
font-weight:bold;
font-size:12px;
padding-right:70px;
text-align:right;
}

#categorytitlebody{}

#categorytitle{
font-size:14px;
font-weight:bold;
text-align:center;
padding:20px 10px 15px 10px;
}

#blogcontainer{width:755px;margin:0 auto auto 20px;background-color:#FFF;}

#content{
width:564px;
float:left;
padding-left:10px;
text-align:left;
padding-bottom:50px;
}

#links{
width:170px;
float:right;
padding-bottom:50px;
}

.blog{}

.date{
color:#4d9d1c;
font-size:14px;
font-weight:bold;
text-align:left;
margin-bottom:5px;
}

.title{
font-size:14px;
font-weight:bold;
text-align:left;
background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/nikukyu.gif') no-repeat 0 50%;
padding-left:26px;
}

.blogbody{
line-height:130%;
text-align:left;
background-color:#f3f1e2;
padding:10px 0px 0px 10px;
}

.main,.mainmore,.portal-links{
line-height:150%;
font-size:12px;
padding:18px 10px 30px 26px;
}

blockquote{
padding:5px;
margin:5px;
border:2px dotted #4d9d1c;
}
.pict{margin:5px;}

.posted{
color:#000;
font-size:11px;
text-align:left;
margin:0;
padding:10px 15px 10px 26px;
}

a.posted{color:#000;text-decoration:underline;}
a.posted:link{color:#000;text-decoration:underline;}
a.posted:visited{text-decoration:underline;}
a.posted:active{}
a.posted:hover{color:#000;text-decoration:none;}

.menu{
font-size:11px;
text-align:right;
padding:2px 15px 20px 26px;
}

.blogbodybottom{
margin-bottom:20px;
}

.comblogbodybottom{
margin-bottom:20px;
}

#contentcommentbottom{}

.formbodybottom{}

#articletop{}

#articlebody{}

#articlebottom{}

.trackbackurlbody{
text-align:left;
padding-left:10px;
}

.trackbackurlttl{
background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/nikukyu.gif') no-repeat 0 50%;
font-size:12px;
font-weight:bold;
padding-left:26px;
}

.trackbackurl{
padding-top:10px;
padding-bottom:20px;
text-align:left;
}

.trackbackurl table{width:350px;margin:0 auto;}

input.trackbackbox{width:300px;}

.trackbackurlbottom{}

a.posttitle:link{color:#000;text-decoration:underline;font-si

回答No.2

yuki_n_y

私は
.blogtitle{
font-size:20px;
この、フォントサイズが効いていれば、カラー指定で良いと思いますが
その前に、やはりこのクラスを指定したhtmlにフォントカラーが指定されていないか疑問です

お礼

回答ありがとうございます。参考にさせていただきます。

回答No.1

4017B

CSSによる色やサイズなどの指定は、ある程度そのwebページのHTML構造が複雑になって来ると、単純にCLASS名のみで指定だけだと他の部分で指定されているスタイルが競合して上書きされたり、無効化されたりして上手く行かない場合が多いです。

この場合もそうなっていると思われますが…CSSのみをポンと出されて「どこが間違ってますか？」と聞かれても、単純なスペルミス等しか判別出来ないので根本的なアドバイスは不可能というか出来ません。CSS(スタイルシート)はそれ単体で機能している訳では無く、必ずそれが適用されているwebページ自体のHTMLとワンセットで議論する事が必須となるので。

ですので仮に自分以外の回答者などに助言を乞う場合でも、必ずそのCSSが適用されているwebページのHTMLも開示してから話す事が大前提となります。それは分からない以上、外部の人間は目隠しをされているのも同然なので何も言えません。

P.S.
かなり当てずっぽうですが…

a.posttitle:link { color:#f00; }

～以上の記述例をCSSファイルの一番最後に追記してみては？当たればラッキーで、外れなら前述の通りです。

お礼

回答ありがとうございます。参考にさせていただきます。