如何从普通类开始实现类？

Question

我有很多以测试开始的类，就像测试-1，测试-2，测试-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（即<div class="test test-1">）并使用你的CSS中的那个（div.test a.work { ... }），因为类选择器是总是比普通的属性选择器要快 - 尤其是在现代浏览器中，这很可能具有从类名到元素的映射，因为这是一个相当普遍的事情。