<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style type="text/css">
#nav a {font-size:25px;color:red;}
#nav ul li a {font-size:25px;color:green;}
.class1 {font-size:25px;color:blue;}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#" class="class1">公司简介</a></li>
</ul>
</div>
</div>
</body>
</html>
看看上面的网页，公司简介最终会呈现什么颜色呢？答案是绿色
对于li中的a标签，如果父元素（包括任何一级父元素）中设置了a标签的样式，则该a标签的样式都会仅仅继承父元素设置的a样式，而自己定义的class样式将会失效
对于上例，如果去掉#nav ul li a {font-size:25px;color:green;}，则公司简介就会呈现红色
因此对于li中的a标签，如果父元素设置了a样式，想通过设置一个class，然后用jquery的addClass和removeClass来改变该标签的样式是不可能的，对于这种情况只能用其他元素来实现了，例如div。
时间： 2024-10-07 10:33:53