关于多层html标签嵌套引起CSS冲突问题的解决。

最新推荐文章于 2023-01-02 17:39:18 发布

chenghuo9876

最新推荐文章于 2023-01-02 17:39:18 发布

阅读量716

点赞数

文章标签： ui

原文链接：https://my.oschina.net/liangzhenghui/blog/210268

版权

.ActionBar_R  a, .ActionBar_R  a:visited {height:29px; width:37px; padding-left:33px;  float:right;   text-decoration:none; color:#0b81aa; line-height:29px; background:url(../images/ActionBar_ico.gif) no-repeat;}
.ActionBar_R  a:hover { color:#FFF;}

上面是UI交给我的CSS，我套用进去后，发现关闭符号偏移了一些位置，折腾许久，才想到，会不会是ActionBar_R中有a标签多层嵌套呢？一查果然是

解决方案：取ActionBar_R直接孩子a

.ActionBar_R>a

转载于:https://my.oschina.net/liangzhenghui/blog/210268