Html CSS不改变Chrome中链接的颜色_Html_Css

Html CSS不改变Chrome中链接的颜色

html css

Html CSS不改变Chrome中链接的颜色,html,css,Html,Css,我有一个css声明： .textBox{ color: Orange; font-size: 17px; background: rgba(100, 200, 200, 0.7); } .textBox a:link, .textBox a:visited{ color: Blue; border: 1px solid Black; text-decoration: none; background: none; } .textBox a:hover, .

我有一个css声明：

.textBox{
  color: Orange;
  font-size: 17px;
  background: rgba(100, 200, 200, 0.7);
  }

.textBox a:link, .textBox a:visited{
  color: Blue;
  border: 1px solid Black;
  text-decoration: none;
  background: none;
  }

.textBox a:hover, .textBox a:active, .textBox a:focus {
  background: rgba(0,0,0,0.5);
  color: Red;
  }

然后我将类“textBox”应用于一个div。forst“color”属性，即类本身（“橙色”）中的属性可以工作。文本为橙色。但是我不能改变链接的颜色。既不是在它们“正常”的时候，也不是在我悬停在它们上面的时候。链接的其他属性（边框、背景等）在“正常”状态和悬停时都可以正常工作

我在OSX 10.6.8上。Chrome 33.0.1750.58 beta不会以蓝色显示链接颜色（文本），并且在悬停时不会将链接颜色更改为红色。悬停时它确实会改变背景，并且在链接周围显示边框

FF26很好用。悬停时变为红色的蓝色链接

知道发生了什么吗

谢谢大家!

更新：对不起，我错了。FF26也不能正常工作。我去那里有点太匆忙了。为了简化问题，我省略了它，但css还包含：

.textBox h1{
  margin-bottom: 7px;
  color: Black;
  }

在Chrome中，h1中的链接将像主文本中的链接一样出现（某种灰色，我没有将其设置为任何级别的颜色）。在FF26中，h1标记内的链接将显示为蓝色，悬停时变为红色，而主文本中的链接将显示为与Chrome中相同的灰色。h1标记工作正常（黑色和正确的边距）

至于html：

<div style="" class="textBox">
  <h1><a href="bar.php">This Document </a>Contains Descriptions</h1>
  <p>Check also <a href="foo.php">sample books</a> foo bar.</p>
</div>


包含描述
同时检查foo-bar

不看HTML很难判断，但我怀疑以下CSS会起作用：

.textBox{
  color: Orange;
  font-size: 17px;
  background: rgba(100, 200, 200, 0.7);
  }

.textBox:link, .textBox:visited{
  color: Blue;
  border: 1px solid Black;
  text-decoration: none;
  background: none;
  }

.textBox:hover, .textBox:active, .textBox:focus {
  background: rgba(0,0,0,0.5);
  color: Red;
  }

就像我说的，如果不看HTML很难判断，但是您的第一个样式规则就好像

textBox

类正在应用于链接本身，而后续规则只适用于

textBox

类的子类（我希望这有意义）

我所做的就是删除css中的a标记，如果将

textBox

类应用于a标记，上述代码应该可以工作

试着用

.textBox a

而不是

。textBox a:link

这是一件很简单的事情：我头上有两个电话：

<link href="css/bar.css" rel="stylesheet" type="text/css" media="all"></link>
<link href="css/foo.css" rel="stylesheet" type="text/css" media="all"></link>

来自bar.css。不知怎的，上面的声明覆盖了.textBox。html是：

<body onload="onLoadBody()" class="mmBack">
  /* the textBox divs in here, as stated in the question */
</body>


/*如问题中所述，文本框位于此处*/

万一有人遇到同样的问题……

我也有类似的问题，但只有一个样式表。除了链接之外，所有东西都收到了预期的风格。不管出于什么原因，我通过修复样式表名称中的大写拼写错误来修复我的问题。。文件名中的一个字母是S而不是S。我觉得这很奇怪，因为所有其他元素都收到了它们的样式……

将代码添加到Fiddle您有一个颜色输入错误：橙色。文本框a从一开始就改为：链接。不幸的是，它在任何情况下都不起作用。它在Windows Chrome和FF上确实起作用。。。也许你在代码的其他地方加载了一些额外的css？这最多应该是一个注释。对不起，我是新来的堆栈溢出

<body onload="onLoadBody()" class="mmBack">
  /* the textBox divs in here, as stated in the question */
</body>