作家
登录

不要再在JavaScript中写 CSS了

作者: 来源: 2017-07-03 16:12:47 阅读 我要评论

{condition} 由尺寸和值构成。

{css} 可以包含:任何合法的 CSS 规矩。(例如:#id div { color: red })

元素萌芽可以用 min-width、max-width、min-height、max-height、min-characters、max-characters、min-children、max-children、min-lines、max-lines、min-scroll-x、max-scoll-x 等 (详见 http://elementqueries.com/)前提给元素设制揭捉?式。

总有一天类似 EQCSS 的内容也会涌如今 CSS 标准中的(欲望如斯)。

等下!

大年夜部分内容都经久有效,无论是社区、React 变革或 styled-components 本身。但意义安在?CSS 已被广泛支撑,有大年夜量的社区,也确切行之有效。

Myth #1:避免全局定名空间和样式冲突

那么我们应当用什么呢?

应用 Shadow DOM v1 还为时尚早(51% 支撑率)。CSS 应遵守定名协定(建议 BEM),如不雅担心类名冲突(幻粤得用 BEM),可以用 CSS modules。如不雅你在开辟 React web,推敲用 babel-plugin-react-css-modules。如不雅在开辟 React Native,styled-components 更好。


【编辑推荐】

  1. Web前端常识体系精简
  2. JavaScript创建对象的七种方法
  3. JavaScript六种持续方法
  4. 7款顶级的开源Web分析软件推荐
  5. Vue vs React: Javascript框架之战
【义务编辑:枯木 TEL:(010)68476606】

  推荐阅读

  政务区块链 vs 传统电子政务信息系统

什么是电子政务电子政务是指当局经由过程信息通信技巧手段的密集性和计谋性应用组织公共治理的方法,旨在进步效力、加强当局的透明度、改良财务束缚、改进公共政策的质量和决定计划的科学>>>详细阅读


本文标题:不要再在JavaScript中写 CSS了

地址:http://www.17bianji.com/lsqh/36001.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)