css短写好吗？该怎么解决

css短写好吗？
css短写好吗？


[解决办法]

探讨

只针对
<div class="hello">
<ul>
<li>
<a href="#">
<span></span>
</a>
</li>
</ul>
</div>
这种情况，不会存在有.hello>a的代码

[解决办法]
最好不要用层级关系

我一般都是
.newlist-item
.newlist-item-a
类似这样的。

层级关系越多，解析也费时，优先级也不好判断。


楼主参考下

http://blog.moocss.com/code-snippets/html-css-code-snippets/1743.html

[解决办法]
现在的硬件对这个解析的效率问题我感觉应该不是问题，为什么现在还有人愿意写长的，
1. css的出现本身就是为了重叠，第一种类似一种作用域的概念，起保护作用。而且可维护性比较好。
2. 第二种更倾向于是一种维护代码，粗暴的去覆盖某个链上的属性。
个人建议第一种，但也要谨慎，比如关系明确的可以用这种，但不能用烂。
.nav ul{}
.nav ul li{}
.nav ul li a{}
这种是可以用的，
另外像这种就不推荐了：
.header .section .article{}
.header .section .article h1{}
.header .section .article h1 span{}

查看更多 下一篇