#page section .s_1 { overflow:hidden; wIDth:435px; @R_419_5987@:left;}#page section .s_1 h1 { Font-size:36pt; color:#001744; line-height:1.1; margin-bottom:64px;height:107px;}#page section .s_1 menu { List-style:none;padding:0; margin:0;} #page section .s_1 menu li { @R_419_5987@:left; padding:0; margin:0;} #page section .s_1 menu li a {background-image:url(../images/icon_buttons.png); background-repeat:no-repeat; wIDth:79px; height:79px; display:block;}#page section .s_1 menu li + li {margin-left:10px;}#page section .s_1 menu li.b_1 a { background-position:0 0;}#page section .s_1 menu li.b_2 a { background-position:-89px 0;}#page section .s_1 menu li.b_3 a { background-position:-178px 0;}#page section .s_1 menu li.b_4 a { background-position:-267px 0;}#page section .s_1 menu li.b_5 a { background-position:-357px 0;}...
这个大CSS文件是编写CSS的正确方法吗?
我在很多网站都看到了这种层次结构.
CSS文件应该很小,为什么它需要所有这些冗余选择器?
可以只使用将被更快解析的ID,当然 – CSS会更小.
我可以通过将此转换为ID来缩小此CSS文件.我错过了什么吗?
解决方法 我同意添加ID(或类)将使CSS的解析速度更快.您在问题中显示的代码类型很可能是现有软件的皮肤,皮肤开发人员无法将ID添加到他想要设置的所有元素中.在这种情况下,人们不得不求助于使用层次结构来设置特定项目的样式.
但总结一下:使用ID或类确实更快,并且是应用样式的最佳方式.
总结以上是内存溢出为你收集整理的HTML – CSS大小/性能?全部内容,希望文章能够帮你解决HTML – CSS大小/性能?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)