0

I want to overwrite background and font color of a link. 

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<link href="index.css" rel="stylesheet"/>
<style>
#abc{
    background:#ffffff; // doesn't work
    color:#008080;  // doesn't work
}
</style>
</head>

<body>
<?php include 'inc/menum.php';?>

menum.php 

<div id="divL">
<a href='abc.php' id='abc'>ABC</a>
<a href='universe.php' id='universe'>UNIVERSE</a>
<a href='strel.php' id='strel'>STREL</a>
</div>

index.css 

#divL  a{
background:#008080;     // works    
color:#ffffff;  // works    
}
4

5 回答 5

2

你有一个特异性问题。

选择#divL a器比#abc.

您可以轻松使用#divL #abc，这将使嵌入式规则更加具体。

于 2013-09-30T11:06:22.100 回答
1

使用background-color和:link 

#abc{
    background-color :#fff; 

}
#abc:link {
    color:#008080;
}

反而。:link是这里适当的子类。color 只会改变 的一般颜色<div>，例如不是锚文本的内容..

于 2013-09-30T11:06:25.867 回答
1

在这种情况下，您必须使用!important

#abc{
    background:#ffffff !important;
    color:#008080 !important;
}
于 2013-09-30T11:07:05.367 回答
1

是的！你说过这#divL a{....}很有效，因为它通过选择父 div 来选择更多的特异性，如果你不能覆盖，#abc{....}那么你可以放置 !important 最后像这样

#abc{
    background:#ffffff !important;
    color:#008080 !important;
}

即使它不起作用，您也应该尝试选择您已声明#divL a有效的更具特异性的 div

如果任何时候即使选择父 div 也不起作用，那么您可以像这样使用正文选择器

body #abc{
    background:#ffffff;
    color:#008080;
}

如果您想设置背景颜色然后使用background-color比background

于 2013-09-30T11:07:35.043 回答
0

用于!important强制浏览器赋予该值优先级

例如background-color: red !important;

于 2013-09-30T11:09:01.407 回答