我用div做了一个按钮。我正在尝试将文本设置为白色，但是样式表现得很奇怪。
这是CSS部分：
.button a
{
text-align:center;
display:block;
background-color: #FF0000;
height:40px;
line-height:40px;
color:#FFFFFF;
text-decoration:none;
}
.button :hover
{
background-color: #000000;
}
可以在这里查看页面：http://www.clccomputing.net/comf413/01/menu.html
如您所见，按钮上的文字不是白色。
奇怪的是，如果我在CSS中添加
a:link，a:visited类型，则标题布局会折叠，并且样式将应用于右侧边栏中的TripAdvisor小部件，如下所示：Image link
HTML直至按钮：
<body>
<div id="wrapper">
<header>
<a href="index.html"><img src="images/logo.png" alt="Red 16 Cafe logo"/></a>
</header>
<nav>
<ul>
<li><a href="menu.html">Menu</a></li><li><a href="specials.html">Specials</a></li><li><a href="map.html">Map</a></li><li><a href="reviews.html">Reviews</a></li>
</ul>
</nav>
<article>
<div id="articletext">
<a name="top"><h1>Our Menu</h1></a>
<br>
<div class="button">
<a href="Red16MenuFeb2014.pdf">Download .PDF for printing</a>
</div>
最佳答案
下面的CSS代码否决了color:#FFFFFF;
在文件style.css第138行中
#articletext a, a:link, a:visited {
color: #000000; /* Css line 138
}
您可以删除该代码并使用它（
<h1>为黑色）。#articletext h1 {
color: #000000;
}
关于html - CSS无法更改div类中的文本颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22329077/