备案 网站服务内容,相似图片在线查找,网站单页发布,湖南衡五建设公司网站css in js
css in js 的核心思想是#xff1a;用一个 JS 对象来描述样式#xff0c;而不是 css 样式表。
例如下面的对象就是一个用于描述样式的对象#xff1a;
const styles {backgroundColor: #f40,color: #fff,width: 400px,he…css in js
css in js 的核心思想是用一个 JS 对象来描述样式而不是 css 样式表。
例如下面的对象就是一个用于描述样式的对象
const styles {backgroundColor: #f40,color: #fff,width: 400px,height: 500px,margin: 0 auto
}由于这种描述样式的方式根本就不存在类名自然不会有类名冲突。
至于如何把样式应用到界面上不是它所关心的事情你可以用任何技术、任何框架、任何方式将它应用到界面。 后续学习的 vue、react 都支持 css in js可以非常轻松的应用到界面。 css in js 的特点
绝无冲突的可能由于它根本不存在类名所以绝不可能出现类名冲突。更加灵活可以充分利用 JS 语言灵活的特点用各种招式来处理样式。应用面更广只要支持 js 语言就可以支持 css in js因此在一些用 JS 语言开发移动端应用的时候非常好用因为移动端应用很有可能并不支持 css。书写不便书写样式特别是公共样式的时候处理起来不是很方便。在页面中增加了大量冗余内容在页面中处理 css in js 时往往是将样式加入到元素的 style 属性中会大量增加元素的内联样式并且可能会有大量重复不易阅读最终的页面代码。
