关于CSS 通配符* 是否浪费资源?

baidu_32316735 2015-11-23 12:53:00
我看了很多国内的资料,说不要用 * 来重置css, 请问真的会占用浏览器很多资源吗?
既然占用资源,那为什么bootstrap 等几乎所有前端框架都会进行
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
这不是打脸吗? 我不了解浏览器的渲染模式;

请问 * 全局匹配真的会出现占用资源过高的问题吗
...全文
201 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
IMyxuan 2015-11-28
  • 打赏
  • 举报
回复
当大部分样式需要同样去设置的时候,用个通配符跟一个个去写,性能差别不大的情况下,又何苦要增加自己的工作量呢,这不是找虐吗
roro5119 2015-11-28
  • 打赏
  • 举报
回复
*杀伤力太大了
KK3K2005 2015-11-23
  • 打赏
  • 举报
回复
现在的机器配置 我不觉得有什么问题 当然最主要就是你需要吗 需要定义一个 * 的样式吗
MnZlZ 2015-11-23
  • 打赏
  • 举报
回复
浏览器渲染引擎的html解释器会将html内容转化为一个DOM树,而渲染引擎含有css解释器会将相应的css样式添加到每个DOM元素上,之后布局中会计算相应元素的样式,然后生成一个文档图片,所以,如果使用通配符,就要为DOM树中所有的元素添加样式,这会导致css解释器中的工作量增加,同时在布局计算中,也会导致计算量增大,更不用说在具体的渲染中需要消耗多少额外的资源了,总的来说,使用通配符空顶会导致资源占用过多。 至于为什么还会选用这种方式,我就不知道啦!可能是因为浏览器解释器自身的优化,这样做实际上并不能消耗多少资源,而且还能够方便的匹配所有的元素,所以也何乐而不为呢!
一、网页设计与策划01 网页与网站的概念02 网页核心技术(HTML/CSS/JAVASCRIPT)简介03 什么是HTML04 什么是CSS05 什么是JavaScript06 网页的设计流程07 HTML5概述、浏览器及内核08 编写第一个HTML页面09 HTML页面基本结构10 章节练习二、网页的基本实现(HTML标签)01 HTML基本语法02 标签及属性03 标签04 标题标签05 段落标签06 水平分隔线标签07 换行标签08 文本的格式化标签09 特殊字符标签10 图像标签14 相对路径与绝对路径11 章节练习-《清平乐》12 章节练习-《李清照简介》13 章节练习-《家电排行》15 章节练习-《百度网简介》16 超级链接标签17 锚点链接18 影像地图19 《table》表格标签20 无序列表标签21 有序列表标签22 定义列表标签23 章节练习-《工资明细》24 章节练习-《我的电脑》25 章节练习-《在线考试》三、层叠样式表01 CSS简介02 CSS样式规则03 CSS样式的调用方法04 标签选择器05 类选择器06 ID选择器07 标签指定式选择器08 包含(后代)选择器09 群组选择器10 通配符选择器11 属性选择器12 关系选择器13 链接伪类选择器四、样式属性01 字体属性02 文本属性03 阴影效果04 对象内溢出文本05 背景设置06 定义列表的样式五、盒模型网页布局01 初识盒子模型02 边框属性(border)03 边距属性(padding与margin)04 圆角边框05 阴影效果06 浮动属性(float)07 元素定位(position)08 溢出属性(overflow)

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧