Skip to main content
replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/
Fonte Link

A denotação !important tem precedência quando os estilos são aplicados. Contúdo, se garantires uma correspondência com a declaração inicial, ou seja, o mesmo caminho até ao elemento que recebe o estilo, podes assim aplicar um estilo extra fazendo uso de uma classe de CSS e consegues subscrever a primeira instrução importante pela segunda:

O plugin usa:

.foo div label {
    width: 100px !important;
}

Deverás usar o mesmo e aplicar um estilo extra, por exemplo fazendo uso de uma classe de CSS:

.foo div label.sub-conjunto {
    width: 150px !important;
}

Desta forma, como estás a aplicar um estilo no mesmo "caminho" do estilo aplicado pelo plugin, o fato de teres a classe de CSS vai criar a subscrição que pretendes e a largura será de 150px ao invés de 100px para o elementos label com .sub-conjunto.


A saber: Sobre este assunto, existe uma resposta do @Sergioresposta do @Sergio que aprofunda o funcionamento hierárquico do CSS.

A denotação !important tem precedência quando os estilos são aplicados. Contúdo, se garantires uma correspondência com a declaração inicial, ou seja, o mesmo caminho até ao elemento que recebe o estilo, podes assim aplicar um estilo extra fazendo uso de uma classe de CSS e consegues subscrever a primeira instrução importante pela segunda:

O plugin usa:

.foo div label {
    width: 100px !important;
}

Deverás usar o mesmo e aplicar um estilo extra, por exemplo fazendo uso de uma classe de CSS:

.foo div label.sub-conjunto {
    width: 150px !important;
}

Desta forma, como estás a aplicar um estilo no mesmo "caminho" do estilo aplicado pelo plugin, o fato de teres a classe de CSS vai criar a subscrição que pretendes e a largura será de 150px ao invés de 100px para o elementos label com .sub-conjunto.


A saber: Sobre este assunto, existe uma resposta do @Sergio que aprofunda o funcionamento hierárquico do CSS.

A denotação !important tem precedência quando os estilos são aplicados. Contúdo, se garantires uma correspondência com a declaração inicial, ou seja, o mesmo caminho até ao elemento que recebe o estilo, podes assim aplicar um estilo extra fazendo uso de uma classe de CSS e consegues subscrever a primeira instrução importante pela segunda:

O plugin usa:

.foo div label {
    width: 100px !important;
}

Deverás usar o mesmo e aplicar um estilo extra, por exemplo fazendo uso de uma classe de CSS:

.foo div label.sub-conjunto {
    width: 150px !important;
}

Desta forma, como estás a aplicar um estilo no mesmo "caminho" do estilo aplicado pelo plugin, o fato de teres a classe de CSS vai criar a subscrição que pretendes e a largura será de 150px ao invés de 100px para o elementos label com .sub-conjunto.


A saber: Sobre este assunto, existe uma resposta do @Sergio que aprofunda o funcionamento hierárquico do CSS.

Fonte Link
Zuul
  • 35,8mil
  • 21
  • 99
  • 190

A denotação !important tem precedência quando os estilos são aplicados. Contúdo, se garantires uma correspondência com a declaração inicial, ou seja, o mesmo caminho até ao elemento que recebe o estilo, podes assim aplicar um estilo extra fazendo uso de uma classe de CSS e consegues subscrever a primeira instrução importante pela segunda:

O plugin usa:

.foo div label {
    width: 100px !important;
}

Deverás usar o mesmo e aplicar um estilo extra, por exemplo fazendo uso de uma classe de CSS:

.foo div label.sub-conjunto {
    width: 150px !important;
}

Desta forma, como estás a aplicar um estilo no mesmo "caminho" do estilo aplicado pelo plugin, o fato de teres a classe de CSS vai criar a subscrição que pretendes e a largura será de 150px ao invés de 100px para o elementos label com .sub-conjunto.


A saber: Sobre este assunto, existe uma resposta do @Sergio que aprofunda o funcionamento hierárquico do CSS.