为什么不能直接 .class{} 需要一层层的调用#all ul li.class{}
来源：10-1 编程挑战
4955562999
2016-12-01 13:55
#all ul li.on{border-top:2px solid blue; border-bottom:1px solid #fff;}
</style>
<script type="text/javascript">
// JS实现选项卡切换
</script>
</head>
<body>
<!-- HTML页面布局 -->
<div id="all">
<ul>
<li class="on">房产</li>
<li>家居</li>
<li>二手车</li>
</ul>这里这个 class on 。为什么直接.on没有效果
写回答
关注
3回答
-
- 番碱丶
- 2016-12-01 23:59:06
我到网上搜了一下，你遇到的应该是权值问题。即如果两个样式的目标相同，会表达权值高的那一个。多重选择的话权值相加。
内联样式表的权值为 1000
ID 选择器的权值为 100
Class 类选择器的权值为 10
HTML 标签选择器的权值为 1
-
- 番碱丶
- 2016-12-01 23:44:31
我是小白。
直接把 .on 独立出来作为class选择的样式应该就好了吧。可以这样一层一层选下去的吗？
-
- 慕粉4050365
- 2016-12-01 19:42:44
因为#all ul li的优先级大于.class{}
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
469482 学习 · 22585 问题
相似问题