-- 搜索表单,full表示当前状态 --> <form class="<em>site-search</em> full"> <input type="text" class="field" /> <input type -- 状态或修饰符使用两个横线(--) --> <form class="<em>site-search</em> site-search--full"> <! field"/> <input type="submit" class="site-search__button" value="搜索" /> </form> 在上面的代码中,我们可以清晰地看到有个叫.site-search 的块,内部有个叫做.site-search__field的元素,并且site-search还有另一种形态叫做.site-search–full。
定义一个前端div
定义一个前端div
当然也可以按照下面这种写: .site-search{} /* 块 */ .site-search__field{} /* 元素 */ .site-search--full{} /* 修饰符 */ 唯一的区别是多了一个 举个例子: 常规CSS命名写法如下: <form class="<em>site-search</em> full"> <input type="text" class="field"> <input type ="Submit" value ="Search" class="button"> </form> BEM命名写法如下: <form class="<em>site-search</em> site-search 而 BEM 就不一样了,虽然看上去很丑,但我们能清晰地看到有个叫 .<em>site-search</em> 的块,它内部是 .site-search__field 和 site-search__button 两个元素。 并且 .<em>site-search</em> 还有另外一种形态叫 .site-search--full。
name="content">
name="content">
再来看一个之前用‘常规’方式命名的.site-search的例子: <form class="<em>site-search</em> full"> <input type="text" class="field 用BEM记号法就会是下面这个样子: <form class="site-search site-search--full"> <input type="text" class="site-search
mongo sr0 11:0 1 1024M 0 rom storcli安装包各平台百度网盘链接地址(可在官网下载 https://www.broadcom.com/site-search