2012-03-29 14 views
7

No puedo entenderlo. Es probable que sea trivial, pero soy extremadamente nuevo en los rieles.¿Cómo evito que scaffold.css anule mi CSS personalizado?

Gracias de antemano si puede ayudar!

Respuesta:

fui al archivo generado que añade la cabecera a mis páginas y ha cambiado el archivo CSS incluidos a mi propio uno personalizado.

+0

Entonces, ¿cómo resolvió su problema? – amoebe

+0

Puede aplicar reglas de inclusión de órdenes a su inclusión de css; consulte http://stackoverflow.com/questions/8890929/rails-3-1-load-css-in-particular-order para obtener ideas. –

Respuesta

0

¿Hay alguna pregunta sobre no usar scaffold.css, podría ser lo que estás buscando?

Rails scaffold without the css file?

+0

Realmente no entiendo los argumentos de ese comando. –

+0

¿Qué pasa con "Rails g andamio MyModel --no-stylesheets" no es obvio? –

-1

No es la más bella css, pero en CSS se puede añadir '! Importante' después de una instrucción para ignorar todas las declaraciones 'normales' css. De modo que utilizaría algo similar a:

border:0px !important; 

en su css.

+0

No use '! Important' para cosas triviales como esta. Cambie el orden de carga del CSS en su lugar. – sevenseacat

+0

El orden de carga solo tiene que ver con reglas de igual especificidad, como ya señalé en la respuesta, no es una hermosa CSS, pero en los casos en los que estás atascado con framework css a veces tiene más sentido. –

+0

Y de cualquier manera es una buena opción para tener en cuenta, no como '! Important' es malo, simplemente otra forma (fea) de afectar la especificidad. –

0

En Rails 3.1 funcionaría un poco diferente ya que solo el estilo de la aplicación está incluido por defecto.

Dado que hay una lista de todos los más incluidos como se menciona aquí: Rails 3.1 Load css in particular order, solo tiene que cambiar el orden de esta lista o agregar el archivo en una posición específica.

-1

Solicite la última carga del archivo CSS con el estilo correcto que desee aplicar.

O como otros han sugerido que podría agregar! Importante para el css en cuestión si no puede cambiar el orden de carga de los archivos css.

body { 
color:#FFFFFF!important; 
} 
Cuestiones relacionadas