css中的重要选择器 如何定义input标签中type – CSS – 前端 asp ul css样式

1、新建html文档，添加5个input标签，其中第一个和最后一个“type”属性的属性值为“text”：

2、在head标签和body标签之间添加style标签，添加代码“input[type=text]”，“input”指的是标签名，“type”指的是属性名，“text”指的是属性值，这个就会把所有属性名为“type”、属性值为“text”的input标签选中：

3、为被选择的标签设置背景色为红色，这时属性值为“text”的第一个标签和最后一个标签背景色都变成了红色：

@ css大于号标签是什么？

css里大于号表示css3特有的子元素选择器；子元素选择器只能选择作为某元素子元素的元素；如果你不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，就可以使用子元素选择器

css指的是层叠样式表（Cascading Style Sheets），它是一种用来表现html或XML等文件样式的计算机语言，是用来表示html样式的一种编程语言，是可以做到网页和内容进行分离的一种样式语言。

css中大于符号

css中大于符号（“>”）代表的是css3特有的子元素选择器（element>element ）。子元素选择器（Child selectors）只能选择作为某元素子元素的元素。

如果你不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。

@ 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属性就变得不那么容易了！

喜欢偶的回答就关注偶吧，有问题可以发表评论，大家一起学习，共同成长！

@ 元素类名与类名元素有什么区别？

元素.类名 例如：p.abc{ color:red; } 类名是abc的标签p的颜色是red 类名.元素 .abc p{ color:red; } 表示：类名abc的任何标签旗下的p标签颜色是red