V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
Can I use?
› http://caniuse.com/
Less
› http://lesscss.org
Cool Libraries
› Bootstrap from Twitter
› Jetstrap
This topic created in 4025 days ago, the information mentioned may be changed or developed.
有如下 html
<div class="container">
<div class="wrapper">
<div class="slide">No.1</div>
<div class="slide">No.2</div>
<div class="slide">No.3</div>
</div>
</div>
css 选择 class slide
/* 不加 tag 的选择 */
.container .wrapper .slide {}
/* 加 tag 的选择，请问以下这种写法是不是比上面这种效率要高？ */
div..container div.wrapper div.slide {}
/* 还有这种，是不是效率更高？ */
div..container > div.wrapper > div.slide {}
请问单纯效率的角度来说，加 tag 的选择是不是效率更高？
 |
1
sumhat Apr 28, 2015
如果可以加 ID 就尽量用 ID，不能的话，第三种较好。
|
 |
2
whatisnew OP 还有一种写法：
div..container div.slide {} vs div..container div.wrapper div.slide {} 哪个好？ |
|
3
whatisnew OP 学习到了 right to left 的语法分析
|
 |
4
loading Apr 28, 2015 via Android
css效率文章到处都是，找篇好好看看。
|
 |
6
Sivan Apr 28, 2015
后面两个效率都低，不要加 tag。
|
 |
7
morethansean Apr 28, 2015
Sweating over the selectors used in modern browsers is futile.
对于 现代浏览器来说，基本上不用考虑选择器的效率问题。过多没用的选择器可能带来的影响更大一些。 你更需要关注的，应该是 css 属性的使用。例如 border-radius/box-shadow 等性能大户。 |
 |
8
otakustay Apr 28, 2015
从效率上讲加tag效率只会更低……
|
|
9
loading Apr 28, 2015 via Android
tag 我记得性能反而会下降。
css 选择其实无所谓，js操作时才是性能大户。 |
 |
10
Septembers Apr 28, 2015
|
 |
11
Justineo May 21, 2015
Chrome 30 起都把 Selector Profiler 删掉了，就是为了让开发者别在这些几乎没有收益的「优化」上浪费时间。除非你真的遇到了性能瓶颈，否则根本没必要去优化这种地方。
|
Select Language