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