Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 块元素修改器-不使用';元素';?_Html_Css_Bem - Fatal编程技术网

Html 块元素修改器-不使用';元素';?

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

虽然我已经使用CSS(和其他CSS预处理器)有一段时间了,但我仍然不能完全自信地遵循以下原则

假设我们遵循这种特殊的边界元格式:

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>