css工作原理
上下文选择符，严格来讲（也就是CSS规范里），叫后代组合式选择符（descendant combinator selector），就是一组以空格分隔的标签名。用于选择作为指定祖先元素后代的标签。
我的师傅曾经给我说过网页 HTML，CSS、JAVASCRIPT的关系：祖孙三个人走在一起，html用来告诉大家：谁是爷爷，谁是爸爸，谁是儿子。CSS告诉大家：爷爷（/爸爸/儿子）长得什么样，穿的什么衣服。
层叠 层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。
工作原理 CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。
CS/CSS系统架构中性能测试的基本策略 确定好测试工作范围 首先可以分析压力测试中最容易出现瓶颈的地方，从而有目的地调整测试策略或测试环境，使压力测试结果真实地反映出软件的性能。
样式穿透前面为啥用host
1、我们可以通过在Hosts中配置域名和IP的映射关系，这样当我们输入域名计算机就能很快解析出IP，而不用请求网络上的DNS服务器。方便局域网用户在很多单位的局域网中，会有服务器提供给用户使用。
2、加快域名解析 对于要经常访问的网站，我们可以通过在Hosts中配置域名和IP的映射关系，提高域名解析速度。由于有了映射关系，当我们输入域名计算机就能很快解析出IP，而不用请求网络上的DNS服务器。
3、hosts作用：Windows系统Hosts文件的作用 很多用户都知道在Window系统中有个Hosts文件（没有后缀名），在Windows98系统下该文件在Windows目录，在Windows2000/XP系统中位于C：\Winnt\System32\Drivers\Etc 目录中。
4、host的作用：加快域名解析 对于要经常访问的网站，我们可以通过在Hosts中配置域名和IP的映射关系，这样当我们输入域名计算机就能很快解析出IP，而不用请求网络上的DNS服务器。
5、小米路由器，Redmi路由器在“小米WiFi”App上支持“自定义Hosts”功能，该功能可加速网页的打开速度，屏蔽不健康网站，实现科学上网。需要注意的是：该功能为专业功能，非特殊需要请勿手动修改。
...的css,加了scoped但无法加deep,导致样式无法穿透,如何解决?
或者在组件里面写多一份全局样式 但是如果不在style里面写 scoped ，直接写成全局样式，最后可能会面临多个组件之间样式污染的问题。
这是使用deep后的方法（亲测有效）：原理就是通过找到父元素深度的找到我们需要改变的子元素，然后改变它的样式即可。
所以，我们应该在每一个组件的 style 加上 scoped 使用 scope 同时也会导致一个问题，在使用第三方UI框架如element-ui时，由于使用了 scope 导致本css无法对子组件的样式进行修改。
在组件中增加的css加了scoped属性之后，就在会在当前这个组件的节点上增加一个 data-v-xxx属性。
在一个html中嵌套几个css样式文件要怎么做?
最好不要用过多的css文件，会出现上面的情况的同时，会加大网页对css和js文件的请求次数，加大html的加载速度，对网页打开是不利的，尽量少写重复的，尽量少调用css和js文件。
我们可以把所有的样式存放在一个以.css为结尾的文件里，然后将这个CSS文件链接到各个网页中。比如我们制作了一个首页，把它的样式表文件命名为index.css。
css名1 css名2 ”/div 注： 当然 css名1 与 css名2 有相同样式属性定义时 ，则以 css名2 里为主。
css三大特性
CSS层叠性 说明层叠性是多种CSS样式的叠加，是浏览器处理样式冲突的方式。
层叠性 我理解中的层叠式覆盖的意思。如果有相同的两个样式，只能选择一个，则遵循就近原则。① 样式冲突： 遵循就近原则。实例：路飞div {color： red；}div {color： pink；} 效果：② 样式不冲突： 不会发生层叠。
CSS 有 非常重要的 三个特性：层叠性、继承性、优先级。相同选择器 给设置 相同的样式，此时一个样式就会 覆盖（层叠） 另一个冲突的样式。层叠主要解决样式冲突的问题 。
所谓的层叠性与优先级，其实说白了可以理解为，不同的规则起冲突的情况下，听谁的呢？有的时候这种冲突很容易解决，有的时候我们自己都难以决断，比如好声音三位导师都选你，该跟谁走呢。
我们知道， CSS 的三大特性是继承、层叠、优先级。