css - 共通クラスから始まるクラスに影響を与える方法は?

Question

私は、test-1、test-2、test-3 などのような test で始まる非常に多くのクラスを持っており、そのクラス div アンカー リンクの下に、class as 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(ie )などの追加のクラスを追加<div class="test test-1">し、CSS () で使用することをお勧めします。特に最近のブラウザーではクラス名から要素へのマッピングはかなり一般的であるため、おそらくクラス名から要素へのマッピングがあります。div.test a.work { ... }