CSS中遇到的一个优先级问题
2014-10-03 15:50
513 查看
今天在写css的时候有这样一个html代码
相应的css:
结果发现li中的class为test2的a标签只有部分属性起作用。起初认为test2的定义在test1后,其属性设置应该覆盖前面的test1,所以调试很久也无果。后来终于想起id的优先级高于class,于是把代码用工程文件中提取出来做了个实验,将test1改为class,将test2改为id,问题解决,达到了控制目的。
然后我又把test1和test2都改为class,或者都改为id,发现问题又出现了,test1的优先级还是高一些。问题怎么解决,现在还没找到合适的办法。
<div id="test1"> <ul> <li><a class="test2" href="#">测试</a></li> </ul> </div>
相应的css:
#a ul li test1{ color: #000; font-size: 14px; } .test2{ color: #fff; font-size: 36px; background: #f00; }
结果发现li中的class为test2的a标签只有部分属性起作用。起初认为test2的定义在test1后,其属性设置应该覆盖前面的test1,所以调试很久也无果。后来终于想起id的优先级高于class,于是把代码用工程文件中提取出来做了个实验,将test1改为class,将test2改为id,问题解决,达到了控制目的。
然后我又把test1和test2都改为class,或者都改为id,发现问题又出现了,test1的优先级还是高一些。问题怎么解决,现在还没找到合适的办法。
相关文章推荐
- ajax2级联动,遇到一个异步优先级问题,使用settimeout 解决
- 在CSS中遇到的一个小问题
- 一个小问题引出的有关CSS优先级的思考
- 学习css中遇到一个问题及解决方法
- 最近一个刚刚毕业的朋友说,他面试时候,遇到最频繁的css问题就是垂直居中,这里给出几种垂直居中方式!
- css的有关优先级的一个问题
- 遇到一个问题,在rcp里不能连接上去
- CSS的一个FAQ问题——浮动层覆盖问题!!!
- 关于这两天遇到的一个问题
- 今天遇到一个关于STL中排序的问题, 怀疑是sort的bug!
- 记录今天学习SQL遇到的一个小问题
- 安装 Visual Stdio.net 2003 时遇到的一个问题
- 昨天下午遇到一个问题,到晚上才解决。
- SimpleDateFormt 使用中遇到的一个小问题
- ASP.Net中下载文件遇到了一个问题--对话框弹出两次
- [导入]遇到一个麻烦的问题
- [导入]ASP.NET 2.0 的内部变化+金山词霸遇到的一个问题
- 刚刚转入C#,遇到一个疑惑的问题
- 在使用BizTalk时遇到一个很郁闷的问题
- 今天遇到的一个关于HttpSessionListener 的一个问题