如何從普通類開始實現類？

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 { ... }），因爲類選擇器是總是比普通的屬性選擇器要快 - 尤其是在現代瀏覽器中，這很可能具有從類名到元素的映射，因爲這是一個相當普遍的事情。