Come sovrascrivere margine e destra/sinistra in css?

Question

Ho un div con questo stile:

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

Gli ultimi 4 stili proprio centro il contenuto div sulla pagina.

Se la pagina diventa troppo grande, non voglio più utilizzare il seguente stile, quindi applico questo stile:

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

che visualizza il contenuto di una certa somma dal bordo sinistro della pagina . Ho provato questi stili nello strumento dev f12, e sembra giusto. Tuttavia, quando applico lo stile all'interno del foglio css, le parti margine e destra/sinistra vengono ancora applicate all'elemento e non so come annullarle (non esiste un valore predefinito per il margine).

Qualsiasi aiuto?

Answer 1

Utilizzare none, inherit or initial per disinserirlo.

@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; 
    } 
} 

Answer 2

Si potrebbe provare:

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

ma non sono sicuro di come ben supportato sono. In alternativa, impostarli su 0, che è l'impostazione predefinita;

Answer 3

se u desidera sovrascrivere il css poi u devono utilizzare importante dopo l'attributo come di seguito: -!

#slogan{ 
    font-size:24px; 
    position:absolute; 
    left:0; 
    right:0; 
    margin-left:auto !important;//Whatever u want to overwrite 
    margin-right:auto !important; 
} 

Answer 4

si potrebbe anche impostare @media il contrario

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