CSS-Klassen priorisieren?

Ich verwende die Bootstrap-Bibliothek von Twitter, Version 2.0.3, um eine Website zu prototypisieren. Ich verwende derzeit das bereitgestellte modale Steuerelement, wenn auch inline, um anzuzeigen, was ein Formular sein wird:

<code><div class="modal in-layout span6 offset3">
    <div class="modal-header">
        <h3>Header</h3>
    </div>
    <div class="modal-body">
        <p>Hello</p>
    </div>
    <div class="modal-footer">

    </div>
</div>
</code>

Ich habe meinen eigenen Selektor geschrieben, um von meiner benutzerdefinierten Klasse Gebrauch zu machen..in-layout:

<code>div.modal.in-layout {
    position: static;
    top: auto;
    left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
</code>

Das Problem ist, dass die CSS-Regeln in einer wirklich unpraktischen Reihenfolge abgeglichen werden:

Grundsätzlich brauche ich das.span6 und.offset3 Klassen mit einer höheren Priorität als.modal um mein zu geben<div> ein Rand von 260px und eine Breite von 460px.

Kann ich das auf irgendeine Weise tun?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage