css选择器（css选择器是什么）
本文目录
css选择器是什么
首先，你要知道css是什么，css是对网页样式进行调控的一种语言。那么，css选择器就是调控的对象。你要用css对网页中的哪一部分的样式进行调控?这点你总要让计算机知道吧。css选择器的作用就是这个。举个简单的例子。.myheight{height:100px;overflow:auto;}以上的css代码，将会对class属性为myheight的网页元素做高度处理。
postcss和cssmodule是什么有什么作用
postcss是什么？
根据官网的解释，它是一种javascript编写的工具，用来转化css的。可以认为它是处理css的插件集合，需要配合诸如webpack、gulp等编译工具才能展现它强大的能力。
目前社区提供了非常多的插件，比较有名的如下：
- autoprefixer 可以为css的属性配置兼容性的前缀，不需要手动添加
- postcss-preset-env 允许你使用更加现代的css特性
- stylelint 检查css语法错误
- cssnano css的压缩器
- 等等
postcss的原理
如果大家了解babel的原理，那就应该听说过AST即抽象语法树。编译器将字符串进行词法分析、语法分析，再做转换，最终达到预期的结果。postcss也是同样的原理，这个包已经为使用者提供了解析的方法parse，并且也提供了很多转化的API，利用这些就可以自己开发一款postcss插件了。
css Module是什么？
先前呢，我们使用css选择器，它是对整个页面是有效的，也就是全局的，当你每次迭代需求的时候，需要考虑每次添加新的css是否会影响到其他地方，所以我们有时选择为样式表添加命名空间。css Module为我们提供了另外一种开发方式，它可以使css具有局部作用域。
用法如下：
用法是如此的简单，基本一看就会，css-loader为我们提供了css Module的开关，只要为css-loader添加参数选项modules就可以开启。注意：它必须放在less或者sass的loader之前。
那它如何做到局部作用域的呢？
打开element面板可以发现，它把class变成了md5戳，对应每个组件，保持唯一。
vue的scoped
由此我们联想到vue的scoped，它也解决了css局部作用域的问题！
它在dom上生成了一个data属性，并且给class选择器添加了属性选择器，类似于之前的md5戳。不过由于添加了属性选择器，使得选择器的优先级变高了，想在组件外面覆盖css属性就变得不那么容易了！
喜欢我的回答就关注我吧，有问题可以发表评论，我们一起学习，共同成长！
更多文章：
源代码安全管理规范？如何导出备份SVN源代码库及导入源代码库
2025年3月25日 10:40
jfinal框架教程（使用jfinal框架验证登录时应该使用什么方法）
2025年2月26日 13:50
没有sql server配置管理器（SQL Server2008可以用SSMS，但找不到SQL Server配置管理器这是怎么回事）
2025年2月28日 12:50
phptrim（如何使用PHP来trim换行和空格的字符串）
2025年3月10日 00:30
2025年4月2日 07:10
string的split方法（String类的splite方法使用注意几点的地方）
2025年3月22日 19:50
谷歌浏览器安卓下载（每个手机都自带浏览器，有必要下载别的浏览器吗）
2025年2月15日 11:00
2025年3月13日 14:50
2025年2月14日 11:40
statesman和politician（stateman和polician区别）
2025年4月4日 18:40
2025年3月24日 11:10
2025年3月3日 10:20
2025年2月25日 10:00
fopen函数的功能和用法（c++中fopen函数读文件怎么用文件数据）
2025年3月28日 22:20
2025年2月15日 03:10
powershell管理员怎么打开（如何使用域管理员账号，启动 PowerShell）
2025年2月18日 01:30
linux crontab命令详解（linux计划任务crontab配置文件中的最后一个星星代表）
2025年2月22日 18:40
session setattribute（session.setAttribute（“username“,username）;）
2025年2月15日 05:40
gummy是什么意思（gummy日与夜翻译歌词中文 不是音译 每句的意思）
2025年3月31日 09:40
2025年2月17日 06:20
