新目标英语七年级上VUE中CSS命名规范(参考BEM命名规范)
⽤了elementUI后,发现css类名中“--”和“__”,不知道是什么意思?于是上⽹查了⼀下,它们的出现是源于BEM和
BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的⼀种前端命名⽅法论。这种巧妙的命 BEM的意思就是块(block)、元素(element)、修饰符(modifier)gloves怎么读
名⽅法让你的CSS类对其他开发者来说更加透明⽽且更有意义。BEM命名约定更加严格,⽽且包含更多的信息,它们⽤于⼀个团队开发⼀个耗时的⼤项⽬。
linearalgebra.block 代表了更⾼级别的抽象或组件。
pi.block__element 代表.block的后代,⽤于形成⼀个完整的.block的整体。
.block--modifier代表.block的不同状态或不同版本。
.site-arch{} /* 块 */
.site-arch__field{}/* 元素 */
.
site-arch--full{}/* 修饰符 */
pitcher
监理工程师培训我的vue项⽬中使⽤sass预处理css,sass有嵌套,所以我在每个组件⽤⼀个容器,起名为:组件名-wrapper,组件名是唯⼀的,然后把这个组件的css都写在.组件名-wrapper⾥,在加个scoped,以免冲突。。。元音字母和辅音字母
上代码:
八年级上册英语
sugarland
ahi由于笔记本没装sass,所以报错,⼤家就将就看下吧!第⼀次写简书,下次好好弄!