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?