如何使用属性选择器对应的类？

Question

<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....

应用样式

---

working demo with *

not working demo with ^

Answer 1

试试这个：

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

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

的 DEMO