css - フィルタリング時にブートストラップで左マージンを削除

Question

私はbootstrap2.3.1を使用してこのようなビューを持っています:

<div class="row-fluid">
    <div class="span3">text1</div>
    <div class="span3">text2</div>
    <div class="span3">text3</div>
    <div class="span3">text4</div>
</div>

これをフィルタリングして、text2 の div のみを表示すると、他の div 表示は none に設定されます。ただし、text1 の div はまだ最初の子であるため、text2 の div には左マージンがあります。margin-left: 0; のみを配置するようにこれを変更するにはどうすればよいですか。表示ブロックを持つ最初の子に?

フィルタリングすると、ビューは次のようになります。

<div class="row-fluid">
    <div class="span3" style="display: none;">text1</div>
    <div class="span3">text2</div>
    <div class="span3" style="display: none;">text3</div>
    <div class="span3" style="display: none;">text4</div>
</div>

マージンは、ブートストラップから次の CSS によって最初の子に削除されました。

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

私はこのようなことをすべきだと思います:(しかし、正しい構文より)

.row-fluid [class*="span"]:first-child[display="block"] {
    margin-left: 0;
}