如何影响以普通类开头的类？

Question

我有很多以test为开头的类，如test-1，test-2，test-3等，并且在class class div锚链接下作为work。如何用css起作用。以下是我的工作。

<div class="test-1"><a class="work">test content</a></div>

上面是代码：并尝试使用下面的css。不工作。

div[class^="test-"] a.work {float:left;clear:both;}

Answer 1

您的代码完全有效，并且正如您在此示例中看到的那样正常工作：http://jsfiddle.net/ThiefMaster/JmHvz/

然而，最好/最干净/最快的解决方案是添加一个额外的类，例如test（即<div class="test test-1">）并在CSS（div.test a.work { ... }）中使用它，因为一个类选择器总是比通用属性选择器更快 - 特别是在现代浏览器中，它们很可能具有从类名到元素的映射，因为它是一个相当常见的东西。