Html 块元素修改器-不使用';元素';?
虽然我已经使用CSS(和其他CSS预处理器)有一段时间了,但我仍然不能完全自信地遵循以下原则 假设我们遵循这种特殊的边界元格式:Html 块元素修改器-不使用';元素';?,html,css,bem,Html,Css,Bem,虽然我已经使用CSS(和其他CSS预处理器)有一段时间了,但我仍然不能完全自信地遵循以下原则 假设我们遵循这种特殊的边界元格式: block-name__element-name_modifier-name_modifier-value 我可以知道指定一个没有元素名的类是否可以接受吗?这意味着我们只有块,后面跟着修改器 以下是一个例子: <div class="menu_light-theme"> <!-- the other menu elements such as
block-name__element-name_modifier-name_modifier-value
我可以知道指定一个没有元素名的类是否可以接受吗?这意味着我们只有块,后面跟着修改器
以下是一个例子:
<div class="menu_light-theme">
<!-- the other menu elements such as the buttons and icons -->
<ul class="menu__list_light-theme>
<li><a class="menu__list-element" href="">Home</a></li>
<li><a class="menu__list-element" href="">About</a></li>
</ul>
</div>
当然可以,它实际上在:
在您的示例中,我们可以这样做(不要忘了为修改器添加两个破折号):
BEM只是一个指南,你可以遵循它到任何对你最有用的程度谢谢你澄清我的疑问,伙计!哦,我不知道上面的文档存在。谢谢你的链接!它似乎比我一直遵循的更简洁()
.button--state-success {...}
<div class="menu--light-theme">
<!-- the other menu elements such as the buttons and icons -->
<ul class="menu__list--light-theme>
<li><a class="menu__list-element" href="">Home</a></li>
<li><a class="menu__list-element" href="">About</a></li>
</ul>
</div>