                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /网页定位导航特效

选择器的优先级问题.

发现了一问题,选择器优先级的问题,

#menu ul li a{color:#333;}的默认字体颜色下

1F选择器前还必须得加上#menu才可以改变,否则单纯使用class或者id是无法改变的.

但是正常的不是id或者类选择器要大于标签选择器的吗

12:07

海的那边是海

2016-12-14

源自：网页定位导航特效 4-1

关注问题我要回答

1073

操作

收起

2 回答

WEB丶FriEnD 回答被采纳 +3 积分
2016-12-14

#menu ul li a{color:#333;}

如果1F的a用current ID ，

按css选择器权重计算。 current ID 权重为 100

但#menu ul li a 的权重是（#menu ID )100 + （ul+li+a）1+1+1 = 103

103>100

#menu #current 的权重是100+100=200

#menu .current 的权重是100+10=110

参考 http://blog.csdn.net/jane617_min/article/details/48370507

1 回复有任何疑惑可以回复我~

收起回答

海的那边是海提问者

原来如此

2016-12-14 回复有任何疑惑可以回复我~

海的那边是海提问者
2016-12-14

只是经过测试发现组合选择器比如父标签后跟着子标签的选择器优先级要大于直接对子标签用类选择器.以下这种情况,字体颜色会呈现白色

.test1{
width:300px;
height:200px;
background: #fff0de;
color:red;
}
.test1 div{
color:white;
}
.a{
color: #171bff;
}

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

网页定位导航特效

参与学习 71404 人
解答问题 486 个

本课程讲解网页定位导航特效，仿天猫版地狗购物网，你值得拥有

进入课程

本课相似问答

1 回答编辑器问题

2 回答关于浏览器兼容的问题

6 回答请教下Hbuilder竖向选择怎么操作啊？按Alt键没反应啊

3 回答请问您用的编辑器是上什么编辑器

3 回答document.documentElement的问题。

搜索更多本课相关问答

选择器的优先级问题.

我要回答关注问题

热搜

最近搜索清空

选择器的优先级问题.

2 回答

本课相似问答

选择器的优先级问题.