0

リンクの背景と文字色を上書きしたい。 

<!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{....}ました

#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 に答える