HTML – CSS大小/性能?
发布时间:2020-12-14 18:35:59 所属栏目:资源 来源:网络整理
导读:看看这个css文件(尤其是最后5行): #page section .s_1 { overflow:hidden; width:435px; float: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:n
看看这个css文件(尤其是最后5行):
#page section .s_1 { overflow:hidden; width:435px; float: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 { float: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或类确实更快,并且是应用样式的最佳方式. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |