Question

在这个css类中，我需要定义不同的颜色来链接如何为链接定义正确的颜色我的CSS课程是如何为链接赋予颜色

.red { color:red; }
.blue { color: blue; }

Answer 1

您只需要遵循以下示例：

http://www.ssi-developer.net/css/link-colours.shtml

示例：

<a href="#" class="red">red</a>
<a href="#" class="blue">blue</a>

.red { color:red; } .blue { color: blue; }`

http://jsfiddle.net/K7Es2/

    $('.yourid').addClass('red').removeClass('blue');

你需要切换类的Jquery如上所述。显然你需要把它放在检查逻辑中。

Answer 2

look..use inline style

<a href="#" class="red" style="text-decoration:none;color:#FF0000;">red</a>
<a href="#" class="green" style="text-decoration:none;color:#009933;">green</a>

Answer 3

我想你想要这个..这个代码..可能你会喜欢

<html>
<head>
<style>
.red {text-decoration:none;color:#FF0000;}
.green {text-decoration:none;color:#FF0000;}
.red a:hover{color:#00FF33;}
.green a:hover{color:#00FF33;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>


<body>
<div>
    <div class="red"><a href="#" class="red">red</a></div>
    <div class="green"><a href="#" class="green">green</a></div>
</div>
</body>
</html>

css链接颜色未正确定义为类定义

3 个答案: