Gewusst wie: überschreiben Rand und rechts/Links in css?

Ich habe ein div mit diesem styling:

#slogan{
    font-size:24px;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

Den letzten 4 styles nur Mitte der div-Inhalt auf der Seite.

Wenn die Seite zu groß, ich don ' T wollen, verwenden Sie die folgenden styling mehr, so das ich diese anwenden Stil:

@media only screen and (min-width: 941px){
    #slogan {
        font-size: 24px;
        position: absolute;
        min-width: 810px;
        text-align: right;
    }
}

Zeigt den Inhalt einer bestimmten Höhe von der linken Kante der Seite. Getestet habe ich diese Formate in die f12 dev Tools, und es sieht richtig aus. Jedoch, wenn ich den Stil in der css-Blatt, der Rand und rechts/Links Teile noch auf das element angewendet, und ich weiß nicht, wie zu stornieren (es gibt keinen Standardwert für margin).

Hilfe?

Warum wird das downvoted? Irgendwelche Erklärungen?
Wenn Sie nicht möchten, dass ein Rand, Nur geben es ein 0 margin...
jsfiddle würde helfen, zu verstehen, welches problem Sie versuchen zu lösen
jsfiddle.net/xsyoLt03 Hier ist der fiddle - das problem bleibt immer noch. Ich bin auf alle entfernen Marge aus dem ersten #slogan, dann zeigt er richtig in den @media -, aber wenn es bleibt, kein override

InformationsquelleAutor Alexey | 2015-01-23

  1. 9

    Verwenden none, inherit oder initial auf unset.

    @media only screen and (min-width: 941px){
    #slogan {
        font-size: 24px;
        position: absolute;
        min-width: 810px;
        text-align: right;
        margin-left:none;
        margin-right:none;
    }
}
    Ungültiges Attribut für den Rand
    Initial war die Lösung, danke!
    Die Einstellung auto hat den trick für mich. Inital nur setzt es um, naja, inital, was ich davon ausgehen ist "0". Deaktivieren des margin-left durch den Inspektor jedoch hat den trick. Ich hatte zu überschreiben, ein margin-left für ein margin-right wirksam werden.

    InformationsquelleAutor Gildas.Tambo

  2. 3

    Könnten Sie versuchen:

    margin-left: unset;
margin-right: unset;

    Aber ich bin nicht sicher, wie gut unterstützt Sie.
    Alternativ setzen Sie diese auf 0, das ist der Standard;

    InformationsquelleAutor Ian Devlin

  3. 1

    könnte man auch festlegen, @media-der andere Weg

    @media only screen and (max-width: 941px){
   #slogan {
    position:absolute;
    left:0;
    right:0;}
  }

    InformationsquelleAutor maioman

  4. 0

    wenn u wollen, um das überschreiben der css dann u haben, um zu verwenden !wichtig nachdem Sie das Attribut wie folgt: - 

    #slogan{
    font-size:24px;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto !important;//Whatever u want to overwrite
    margin-right:auto !important;
}
    Aber, dass nicht die Sache, es ist nicht Wert, dass ich möchte, um es zu überschreiben. Ich möchte zu löschen, diese Werte

    InformationsquelleAutor Smart Killer

Schreibe einen Kommentar