Html CSS问题链接（a）控制文本颜色的属性_Html_Css_Hyperlink

Html CSS问题链接（a）控制文本颜色的属性

html css hyperlink

Html CSS问题链接（a）控制文本颜色的属性,html,css,hyperlink,Html,Css,Hyperlink,我的CSS有问题。这是： Div main的CSS： .main{背景：#e6；填充：2米；高度：100%；} 链接的CSS： a{color:#8D0D19；} main的HTML：欢迎…这里有更多内容。。。。链接的颜色为紫红色。当一个链接出现在页面上时，页面上的整个文本都变成了紫红色我还向.main添加了颜色属性，但它不起作用。我还试着做了a，.main a，但也没用那么，我该怎么做才能让我的文本保持黑色，只保留勃艮第的链接呢顺便说一句，我不太了解CSS。如果你能给我推荐一些网

我的CSS有问题。这是：

Div main的CSS：

.main{背景：#e6；填充：2米；高度：100%；}

链接的CSS：

a{color:#8D0D19；}

main的HTML：


欢迎
…这里有更多内容。。。。

链接的颜色为紫红色。当一个链接出现在页面上时，页面上的整个文本都变成了紫红色

我还向

.main

添加了颜色属性，但它不起作用。我还试着做了

，

.main a

，但也没用

那么，我该怎么做才能让我的文本保持黑色，只保留勃艮第的链接呢

顺便说一句，我不太了解CSS。如果你能给我推荐一些网站，培训或者开始CSS的书籍，那就太好了

谢谢

更新：以下是整个CSS代码：

* {    margin: 0; }

html { height: 100%; width: 100%; }

body {    height: 100%;    width: 100%;    margin: 0;    padding: 0;    border: 0;    background: #E6E6E6;    font: 13px/15px Verdana,Arial,Helvetica,sans-serif;  }

.wrapper {    min-height: 100%;    height: auto !important;    height: 100%;    margin: 0 auto -42px; }

.header { height: 70px;   text-align: left; background: #1A446C; color: #D4E6F4; }

.header h1 { padding: 1em; margin: 0;} .header a {position: absolute; right:0; top: 0px; text-align: right; padding: 1.25em; margin: 0; color: >#D4E6F4; text-decoration:none;}

.main {color: #000000; background: #E6E6E6; padding: 2em; heigh:100%;} .main a {color: #8D0D19;}

.footer {    height:10px; text-align: center; padding: 7px;    background: #1A446C; color: #D4E6F4;    position:absolute; bottom:0; right:0; left:0; }

img { border: none; }

table, tr, td, tr {    border-collapse: collapse;    vertical-align: top;    text-align: left;    font: 13px/15px Verdana,Arial,Helvetica,sans-serif; }

table.bordered tr th, table.bordered tr td { border: 1px solid #000000; }

下面是HTML代码：

<html>    <head>
    <link href="style.css" rel="stylesheet" type="text/css" />    </head>    <body>
       <div class="wrapper">
        <div class="header">
            <h1>Header</h1><h2><a href="login.php?logout=1">Logout<a/></h2>
                </div>
          <div class="main"><h3>HTML Text Here....</h3><br /><br /> <h3><a href="new.php" >New</a></h3> </div> </div>    <div class="footer">
           <p>Copyright &copy; 2011</p>
       </div>    </body> </html>


标题
版权及副本；2011年

更新：在这里测试：

更新：

该错误是由.header


上一篇：
听起来像是从其他地方继承的颜色，或者您没有正确关闭
标记？你可以这样做：
.main{
color:#000;
}

.main a:link{
color:#8D0D19;
}

这应该将DIV.main中的所有文本样式设置为黑色，但将所有链接样式设置为勃艮第
Robert Schifreen的这本电子书是建设网站的一个很好的（深入的）参考：

它提供了关于网页设计的详细信息。
从你发布的一点信息来看，我看不出css有什么问题。我会仔细检查html以确保您正确关闭了标记。

编辑：查看您的更新，其中有一个关闭的标记，看起来像。基本上告诉你每个CSS元素都做什么，它们有什么属性，它使用什么浏览器，等等，还有一些很好的教程。
在这里工作得很好：你必须在a
上定义一些其他CSSfirebug@diEcho他说链接的颜色是勃艮第。当页面上出现链接时，页面上的整个文本都会变成紫红色。
您在多个浏览器中测试过吗？是不是就是这个问题？@diEcho我知道它在那里工作得很好，但我尝试了我的全部代码，它给了我同样的问题。让我检查CSS，我会放更多的代码。嘿，我想我已经正确地关闭了我的标签，顺便说一句，我刚刚发布了整个代码。你能看一下并告诉我出了什么问题吗。谢谢欺骗了我的回答。看起来你的问题只是打字错误。经常发生在我身上：谢谢，你的解决方案也起作用了…嘿，你的代码没有正常工作，它给了我同样的错误。但是非常感谢你的书。看起来像一本好书。我会读的请参见上文@Arjun对我答案的更新。是的。。。它是有效的。。。非常感谢……：D如果你不能解释也没关系。。。谢谢……正如@death_au所指出的，这个问题实际上是上面a标签中的一种类型。一定要修复该类型，以防止进一步出现故障。