css - 如何影响从普通类开始的类？

Question

我有很多以 test 开头的类，例如 test-1、test-2、test-3 等，并且在该类 div 锚链接下与类作为工作。怎么能用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(ie <div class="test test-1">) 并在 CSS ( div.test a.work { ... }) 中使用该类，因为类选择器总是比通用属性选择器快 - 特别是在现代浏览器中很可能有从类名到元素的映射，因为这是一件相当常见的事情。