como sobrepor o estilo css

estou a desenvolver páginas, Agora ao meu estilo css tenho esta linha de código 

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
Para as minhas páginas. Algumas das minhas páginas não precisam desta linha. 
width: 25%;
float: left;
É possível que eu possa sobrepô-lo em css interno da página? isso vai ignorá-lo?

 39
htmlcss
Author: Mohamad Shiralizadeh, 2012-10-29
Source

6 answers

A utilização de !important não é recomendada, mas nesta situação acho que deve ...

Escreva isto no seu CSS - 

.flex-control-thumbs li {
  width: auto !important;
  float: none !important;
}
 61
Author: Dipak, 2012-10-29 07:00:04

Em vez de substituir, crie-o como css diferente e chame-o no seu elemento como outro css(CSS múltiplo). Algo do género: 

.flex-control-thumbs li 
{ margin: 0; }

CSS interno: 

.additional li
{width: 25%; float: left;}

<ul class="flex-control-thumbs additional"> </ul> /* assuming parent is ul */
 8
Author: Mr_Green, 2012-10-29 07:26:45
Sim, podes. Penso em três maneiras de o conseguir.
  1. Adicione estilos incorporados aos elementos.
  2. Crie e adicione um novo elemento
  3. modificar a própria Regra do css.

Notas:

  1. é um pouco confuso e adiciona ao processamento que o navegador precisa fazer para processar.
  2. talvez o meu método favorito
  3. não cross-browser, alguns navegadores como ele fez um a maneira, os outros um diferente muito, enquanto os restantes apenas vacilam com a ideia.
 3
Author: enhzflep, 2012-10-29 07:06:05

Você pode criar mais uma classe nomeando 

.flex-control-thumbs-without-width li {
width: auto;
float: initial; or none
}

Adicione esta classe sempre que precisar de anular como em baixo, 

<li class="flex-control-thumbs flex-control-thumbs-without-width"> </li>

E remova sempre que não precisar de outro <li>

 3
Author: Satish Bellapu, 2012-10-29 07:09:46

Basta adicionar 

.flex-control-thumbs li {
width: auto; 
}
 2
Author: Vinit, 2012-10-29 07:02:32

Você pode adicionar os seus estilos na página necessária, a seguir à folha de estilo externa, para que eles se sobreponham e sobreponham o primeiro conjunto de regras.

<link rel="stylesheet" href="allpages.css">
<style>
.flex-control-thumbs li {
  width: auto;
  float: none;
}
</style>
 1
Author: Musa, 2012-10-29 07:05:47