URL スタイルの問題について質問する_html/css_WEB-ITnose

この投稿は、yangniehua001 によって 2012-11-17 14:49:16 に最終編集されました

上の画像の「スピーカー」という単語にはハイパーリンクがありますが、フォント スタイルはリンクがない場合と同じ効果があります。リンクがまったくないので、スタイルを追加したいと思います。効果は次のとおりです



以下は、Web ページの関連ソース コードの抜粋です。
Web ページのアドレス: http:// www.97wanyong.cn/ktvjiqiao/59.html

コード: 66e1ddf8071e392e4df3e6d3d5765a37e388a4556c0f65e1904146cc1a846bee現在、ほとんどのコンピュータには独立したサウンド カードが組み込まれており、非常に強力なサウンド カードしか搭載されていません。古いコンピューターですが、現在はマザーボードも統合されています。独立したサウンド カード ソケットが保持されているため、歌を歌いたい場合は、優れたハードウェアが必要です。 aa9811325e3c1407a0b4d0df5c2e1e1aスピーカー5db79b134e9f6b82c0b36e0489ee08ed54bdf357c58b8a65c66d7c19c8e4d114優れたスピーカーも必要です効果を発揮するサウンドカードを紹介します。参考にしてください。 df250b2156c434f3390392d09b1c9563
。 。 。 。 。 。

以下は関連する CSS ソース コードです: http://www.97wanyong.cn/statics/css/97wanyong_cn.css


.content_title{text-align:center;font:bold 1.8em "Lucida Grande", Helvetica,Arial ,sans-serif;line-height:60px;}
.content_title_board{font:bold 14px "Lucida Grande",Helvetica,Arial,sans-serif;}
.content_info{width:95%;margin:auto; border-top :1px ソリッド #eee;border-bottom:1px ソリッド #eee;text-align:center;font:normal 12px 'Microsoft Yahei','Tahoma';line-height:25px;color:#555}
。 content_description{マージン :15px;パディング:10px;テキストインデント:2em;ボーダー:1px ソリッド #dedede;background:#eed;font:normal 12px "Lucida Grande",Helvetica,Arial,sans-serif;line-height:180 %;color :#000;}
.content_text{width:92%;word-wrap:break-word;word-break:break-all;margin:20px auto;font-size:14px;font-family:Tahoma; line-height :25px;color:#000;}
.keylink{color:#333;}
.content_text *{font:normal 14px "Lucida Grande",Helvetica,Arial,sans-serif;line-height:180% ;color: #000;}
.content_text p{text-indent:2em;margin:8px 0;}
.content_text_board {width:98%;margin:10px auto;font:normal 14px "Lucida Grande"、Helvetica、Arial ,sans- serif;line-height:180%;color:#000;}
.content_text_board *{word-wrap:break-word;word-break:break-all;font:normal 14px "ルシダ グランデ"、ヘルベチカ、 Arial,sans -serif;line-height:180%;color:#000;}

.content_info .small{padding:0 5px;cursor:pointer;font:bold 8pt Arial;background:#ccc;}
.content_info .big{padding:0 5px;cursor:pointer;font:bold 12pt Arial;background:#fff;color:#049}
.content_toolbar{border-top:1px ソリッド #dedede;height:30px;line-height:30px ;}
.content_text img{MAX-WIDTH: 100%! important;HEIGHT: auto! important;width:expression(this.width > 600 ? "600px" : this.width)! important;}


教えてくださいなぜリンクにスタイルがないのか、アドバイスをお願いします

ディスカッションに返信 (解決策)

アドバイスをお願いします

Firebug または Chrome 開発者ツールを使用して確認してみてください。
CSS が競合していることがわかります

たとえば、次のような CSS ステートメントがあります:
a{
text-decoration:none
}

これにより、 a にはスタイルがありません。


ぐ~~(???)b aタグは、デフォルトのスタイルの下線付きの青いフォントです。

.keylink{color:#333;}.content_text *{font:normal 14px "Lucida Grande",Helvetica,Arial,sans-serif;line-height:180%;color:#000;}

あなたの 2 つのコードはフォントの色を定義しており、1 つはグレー、もう 1 つは黒です。これらの 2 つのカラーコードを削除すると、通常になりました

.content_text *content_text クラスセレクターの下でワイルドカードを使用しています。同じスタイルを使用します。選択したタグの ID は keylink です。これにより、リンクには下線のみが付き、色は黒になります。周りの単語も同じ色なので当然わかりにくいです。 HTML のデフォルトのフォントの色は黒です。なぜ content_text を使用してフォントを黒として定義するのかわかりません。