Ask about URl style problem_html/css_WEB-ITnose

This post was last edited by yangniehua001 on 2012-11-17 14:49:16

The word speaker in the picture above is hyperlinked, but The font style has the same effect as without a link, so you can’t see the link at all, so I want to add a style to it. The effect is as follows



The following is an excerpt of the relevant source code of the webpage :
Web address: http://www.97wanyong.cn/ktvjiqiao/59.html

Code:

Now Most computers have integrated sound cards. Independent sound cards are only available on very old computers, but now integrated motherboards also retain independent sound card sockets. Therefore, if you want to sing, you must have good hardware. A sound card is the key. A good one Thespeaker< ;/a>You must also have a good sound card to achieve its due effect. Here we introduce to you several popular sound cards with better effects. You can refer to them!

. . . . . .

The following is the relevant CSS source code: 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 solid #eee;border-bottom:1px solid #eee;text-align:center;font:normal 12px 'Microsoft Yahei','Tahoma';line- height:25px;color:#555}
.content_description{margin:15px;padding:10px;text-indent:2em;border:1px solid #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 "Lucida Grande",Helvetica,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 solid #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;}


Please tell me why the link has no style, please give me some advice

Reply to the discussion (solution)

Please give me some advice

You can try using firebug or chrome developer tools to check it out!
You will find that your css conflicts

For example

You have such a css statement:
a{
text-decoration:none;
}

This causes a to have no style.

Gu~~(???)b The a tag has the default style of underlined blue font.

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

Your two pieces of code define the font color, one gray and one black. I removed these two pieces of code about color and it works normally

.content_text *You use is a wildcard, all elements under the content_text class selector will use the same style, you define it as black, and the id of the a tag you choose is keylink, which also defines the color, which is gray, so your link only The color of the underline is black, which is the same color as the surrounding words. Of course, it is difficult to distinguish. The default font color of html is black. I don’t understand why you use content_text to define the font as black