来源:奔驰游戏网 更新:2024-09-08 00:02:36
用手机看
嘿,小伙伴们!今天咱们来聊聊那个让前端小伙伴们又爱又恨的BEM命名规范。说起来,这玩意儿就像是CSS界的“潮流指南”,穿对了你就是时尚达人,穿错了嘛,呃,可能就成了“土味前端”。
首先,BEM是个啥?简单来说,就是Block、Element、Modifier的缩写。听起来像不像是在玩拼图游戏?没错,BEM就是让你的CSS代码变得像拼图一样,每个小块都有自己的位置,拼在一起就是一幅完整的画面。
想象一下,你在写CSS的时候,是不是经常遇到这样的问题:这个类名到底是干啥的?那个类名怎么又重复了?有了BEM,这些问题统统不是事儿!因为BEM规定了每个类名的格式,比如`.block__element--modifier`,这样一来,你的代码瞬间变得井井有条,再也不用担心“类名撞车”了。
但是,BEM也不是没有槽点。有时候,你会发现自己的类名长得像是在写小说,一串串的连字符和。
tokenpocket钱包正版:https://qhdwitmed.com/danji/20107.html