标签：
<!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。
标签：
原文地址：http://www.cnblogs.com/king1302217/p/5104683.html
