关于react的css一点感悟

本文探讨了在使用React进行Web开发时CSS的作用域问题。详细解释了为何在React中CSS仍具全局性,并提供了避免样式冲突的方法。同时对比了React-Native与Vue中的CSS模块化特性。

用react写web端的时候,因为是页面,它的最终解析形式还是按照html文档的格式呈现,所有的css是在head标签里面的,所以css还是全局性的,为了避免同名css类名的影响,尽量不要取一样的类名。

而对于react-native和vue来说,因为它们是将css文件写在js文件里面的,是独立的模块,不会互相影响,所以有相同类名也不会相互影响。

很重要的一点,就是用框架或者引入组件写html的时候,要用浏览器去审查元素,能想通很多问题,组件最底层还是标签,审查一下整个文档结构和元素什么的,能想通很多问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值