Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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
为什么';t css选择器-';以'开头;允许在结尾处使用双破折号吗?_Css_Css Selectors_Bem - Fatal编程技术网

为什么';t css选择器-';以'开头;允许在结尾处使用双破折号吗?

为什么';t css选择器-';以'开头;允许在结尾处使用双破折号吗?,css,css-selectors,bem,Css,Css Selectors,Bem,在编写CSS时,我使用了BEM方法,我发现使用CSS选择器“以”-[class^=“classname”]开始非常有用。当声明修改器的样式时尤其如此,即.block\u元素--modifier 因此,在编写CSS规则时,我希望使用[class^=“block\uu element--”]来针对特定的元素,而不考虑它们的修饰符。但是,我注意到选择器末尾的双破折号无法针对元素。不过,一个短跑就行了 我已经查看了,但是没有看到任何关于双破折号失败原因的说明。我不认为这会给您带来任何问题,因为我刚刚用下

在编写CSS时,我使用了BEM方法,我发现使用CSS选择器“以”-
[class^=“classname”]
开始非常有用。当声明修改器的样式时尤其如此,即
.block\u元素--modifier

因此,在编写CSS规则时,我希望使用
[class^=“block\uu element--”]
来针对特定的元素,而不考虑它们的修饰符。但是,我注意到选择器末尾的双破折号无法针对元素。不过,一个短跑就行了


我已经查看了,但是没有看到任何关于双破折号失败原因的说明。

我不认为这会给您带来任何问题,因为我刚刚用下面的标记进行了测试,它运行良好

<div class="block__element--modifier">Hello</div>

div[class^="block__element--"] {
    color: red;
}
将使选择器失败,因此在这种情况下,您可能希望使用

div[class*="block__element--"] {
    color: red;
}

您的标记是什么样子的?记住,属性选择器考虑整个属性值,即使你正在查询<代码>类< /代码>属性。正如评论所示,这个问题根本没有在问题中被描述。@ BLOTCHLOCL LOL,完全灾难…我可能困了。。感谢您的评论,will edit…似乎有一个类(like)
block\uu element-group
的家长拥有优先权,在使用单破折号时就把我甩了。谢谢你的澄清。
div[class*="block__element--"] {
    color: red;
}