Question

我的CSS有问题。这是：

Div主要的CSS： .main {background: #E6E6E6; padding: 2em; heigh:100%;} 链接的CSS： a { color: #8D0D19; }

主要的HTML： <div class="main"> <h3>Welcome</h3><br /> ...More Content Here.... <h3><a href="new.php">New</a></h3>

链接的颜色是酒红色。当页面上存在链接时，页面上的整个文本将变为酒红色。

我还为.main添加了颜色属性，但它不起作用。我也尝试制作a，.main a，但这也行不通。

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

BTW我不太了解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>

更新：在此处测试：http://jsfiddle.net/hhgGE/

Answer 1

<强>更新

该错误是由.header <a/>结束标记中的拼写引起的 - 应该是</a>。

以下是实时链接： http://jsfiddle.net/RF9cC/1/

的上一个： 的

听起来颜色是从其他地方继承的，还是你没有正确关闭</a>标签？你可以这样做：

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

这应该将DIV中的所有文本设置为黑色，但将任何链接设置为勃艮第。

建立网站的一个好的（并且深入的）参考是Robert Schifreen的这本电子书： http://www.the-web-book.com/browse/index.html

它提供了有关网页设计的所有相关信息的详细信息。

Answer 2

从你发布的内容来看，我无法看到css可能出现的任何问题。我会仔细检查html以确保你正确关闭你的标签 编辑：查看您的更新，其中有一个结束a标记，看起来像<a/>（第5行，注销链接）。它应该是</a>。这解决了这个问题。

至于学习CSS，我不能超越W3 Schools。基本上告诉你每个CSS元素所做的一切，它们具有什么属性，它使用的浏览器等等。还有一些很好的教程。

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

2 个答案: