css - 如何使用相应类的属性选择器？

<分区>

<div class="myclass class1"></div>

简单的类选择器是这样的:

.myclass.class1{/*....*/}

但是如何用属性选择器选择呢？

我试过这样的:

.myclass[class^=class]{/*....*/}

但不工作!

如果是<div class="myclass"><div class="class1"></div></div> :

然后这会起作用:.myclass [class^=class]{/*....*/}

令人惊讶的是，这会起作用:.myclass[class*=class]{/*.....*/}但为什么不使用 ^ ？

是的，我知道我可以使用 [class^=class]{/*....*/}但我只需要为 .myclass.class.... 应用样式

最佳答案

试试这个:

.myclass[class^="myclass class"]{
    color: blue;
}

[属性^=值]
表示一个属性名为attr且其值以“value”为前缀的元素

关于css - 如何使用相应类的属性选择器？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21870606/

相关文章：

html - 如何通过将鼠标悬停在不同的元素上来激活元素上的 CSS 动画？