家喻户晓，CSS 依据选择器名称去全局匹配元素，它没有作用域可言，比方你在页面的两个不同的中央应用了一个雷同的类名，先定义的款式就会被笼罩掉。CSS 始终不足模块化的概念，命名抵触的问题会继续困扰着你。每次定义选择器名称时，总会顾及其余文件中是否也应用了雷同的命名，这种影响在组件开发中尤为显著。💣💣💣

template>div.app.app{ {代码…} }app.vue 设置bodybody{ {代码…} }

原文作者：Mehdi Aoussiad翻译：难堪风流原文链接：6 Useful Pure CSS Tips that You Should Know集体翻译，转载请注明出处，文章中有什么问题欢送大家在评论中指出

1.CSS伪类实用于用户应用批示设施虚指一个元素（没有激活它）的状况。在 CSS 中, 一个伪类选择器只根据元素的状态, 而不是元素在文档树中的信息, 来抉择指标对象。

CSS盒子模型是一个蕴含多个属性的容器, 其中包含边框, 边距, 填充和内容自身。它用于创立网页的设计和布局。它能够用作自定义不同元素布局的工具包。 Web浏览器依据CSS框模型将每个元素出现为矩形框。

`// chrome 和Safari*::-webkit-scrollbar { width: 0 !important }// IE 10+* { -ms-overflow-style: none; }// Firefox* { overflow: -moz-scrollbars-none; }`

看了前两天小米公布的全新LOGO，置信大多数人反馈和我一样，啊啊？？？就这！！！。而后我又从网上翻出了小米延聘的日本国内设计师原研哉，对于设计小米新的LOGO设计理念的诠释。看完这句话第一反馈就是果然是出名设计师人家这个设计理念比单纯的设计值钱，这200W不亏！！而后我转念一想那这样我也行，我没有200w的思维…

有些时候，咱们须要用代码去管制滚动条滚动到指定地位，同时心愿滚动成果很平滑，而不是很僵硬的间接就滚动了，用户简直都感知不到。计划一：操作容器元素

但如果思考到按钮文本长度不一样的时候，如须要适配多语言的时候，因为不同语言，长度未必雷同，都设置100px的话有可能短的文案，按钮显得过长，唱的文案，按钮显得过短，甚至文案比按钮还长，而减少宽度的话又会影响短文案的展现，最终可能须要针对不同语言设置不同宽度

Tips：对于蕴含块的常识，能够先看看《对于CSS中设置overflow属性的值为hidden的相干了解》这篇文章，上面会波及到。height 高height设置百分比的时候，简略的了解是绝对父结点的高来计算的，能够看个例子（点击此处查看）。咱们设置了父结点的高和兄弟结点的高，最终发现设置100%高的后果和父结点的高统一。那么，如果…