Todo lo que necesitas saber sobre la Declaración de "importante CSS.

Todo lo que necesitas saber acerca de la instrucción ! Importante

Fecha de publicación : 12/08/2010

Por Louis Lazaris (Autor )

 Christopher F. (Traductor )

 

Este artículo es una traducción: Todo lo que necesitas saber sobre la Declaración de "importante CSS. Buscar traducciones disponibles en la web Impresionante http://css.developpez.com.

Recientemente me encontré con algunos artículos hablando de la declaración CSS ! Importante y estaban confundidos sobre lo que hizo esta declaración y cómo se podría utilizar , como puede verse en los comentarios de los lectores de estos artículos .

Así que pensé en hacer la investigación sobre la prórroga del único sistema de la propiedad CSS - valor y hacer un artículo completo sobre esta declaración la cual examinará la información básica que los desarrolladores deben saber antes de considerar su uso en su hoja de estilos.

En este artículo se explicará qué es, cómo declarar, dar algunos elementos prácticos de usar y detalles de los inconvenientes que deben tenerse en cuenta antes de su aplicación.

Opina sobre este artículo: comentario · .

       Versión en PDF (Espejo)   Offline versión (Espejo)

                    

I. ¿Qué es?

II. ¿Cómo se declara ?

III. Algunos de sus usos prácticos

III -A. Orientación de Internet Explorer 5 y 6

III -B. Actualización en línea estilos

III -C. Cambiar estilos de actualizar a Firebug

IV. Y hay algunas desventajas para su uso?

V. Más detalles técnicos

VI. Finalmente

VII. Gracias

I. ¿Qué es?

Declaración ! Importante es una palabra clave que se pueden agregar al final de una declaración CSS para dar más peso a este valor. La razón por la que se utiliza está relacionado con la naturaleza de la CSS , que asigna un peso a los valores según el lugar en que aparecen en la "cascada" . Un estilo CSS se aplican en función de cuatro factores en el orden siguiente :

• 
  
  directas y específicas ( por ejemplo, elementos <ul> se les asigna un ancho de 300px )
• 
  
  importancia del estilo (por ejemplo, le encomiendo el estilo se declara en la hoja de estilos para el usuario? )
• 
  
  especificidad de la selección ( por ejemplo, elementos <ul> dentro de los elementos <div> se les asigna un ancho de 400 píxeles)
• 
  
  orden de aparición ( por ejemplo, el último informe se aplican )

Al informar ! Importante se utiliza en un par específico de la propiedad / valor, valor que es la de escapar de la cascada y convertirse, como su nombre indica , el valor más importante de esta propiedad , anulando todos los demás valores .

II. ¿Cómo se declara ?

Un sencillo ejemplo demuestra el uso de ! Importante :

#Leftside ( background-color: #0f0 !importante; ) #encabezamiento #Leftside ( background-color: #f00; )

En el ejemplo anterior , aunque el estilo de background-color se especifica en la norma segunda es más específica debido a la selección y se declara final, la primera regla sería prioridad debido a la presentación de informes adicionales ! Importante. Así, el color de fondo del elemento en cuestión (tema # Leftside) será de color verde (# 0f0 ) en lugar de rojo ( # f00 ) .

Usted también puede tener una declaración ! Importante que supera a otra declaración ! Importante. Echa un vistazo a el siguiente ejemplo:

div #Leftside ( background-color: #00f !importante; ) #Leftside ( background-color: #0f0 !importante; ) #encabezamiento #Leftside ( background-color: #f00; )

Los estilos anteriores son idénticas a las del ejemplo anterior, con la adición de otra regla al principio, que también incluye una declaración ! Importante. En este ejemplo, el primer valor del background-color tendrán prioridad debido a dos factores : en primer lugar , la declaración contiene la declaración ! ImportanteEntonces tiene un selector más específico.

III. Algunos de sus usos prácticos

III -A. Orientación de Internet Explorer 5 y 6

Uno de los usos más conocidos para la presentación de informes ! Importante es apuntar a las versiones de Internet Explorer 5 y 6 que ignoran la declaración ! Importante cuando los mismos bienes se declara dentro de la misma norma . Por ejemplo :

#encabezamiento ( ancho: 300px !importante; ancho: 400px; )

En el código anterior, el ancho de # Header 300px es en todos los navegadores excepto Internet Explorer 5 y 6, que utiliza el ancho de 400 píxeles de segundo . Dada la popularidad de estos navegadores está disminuyendo (pero no tan rápido !) , El uso de este truco no es tan generalizado. Además , yo personalmente considero que el hack * Html Es mucho más práctico como objetivo a Internet Explorer 6 , siempre que el uso de la instrucción ! Importante puede tener efectos adversos importantes.

III -B. Actualización en línea estilos

Un uso más práctico de la declaración ! Importante es superan a los estilos en línea que se generan de forma dinámica debido a su contenido introducido por el usuario . Por ejemplo, un sitio web puede tener una CMS que puede dar formato a texto en un editor WYSIWYG a disposición del propietario del sitio. Como texto con formato entrado en esta interfaz debe superar a todas las demás normas de estilo, estos estilos se insertan como estilo en línea en el código HTML generado .

Sin embargo, estos estilos se pueden actualizar en línea con las declaraciones ! Importante insertado en el autor hoja de estilos. Mira el siguiente código HTML :

<div identificación="encabezamiento" estilo="background-color : púrpura;"> <p>Praesenta dapibus , neque currículo faucibus id</p> </div>

El código anterior declara un estilo en línea atribuir fondo de color "morado" en la celda con el id # Header. Este estilo de superar a cualquier otro valor de la propiedad background-color en el autor de hoja de estilos , a excepción de la excepción siguiente :

#encabezamiento ( background-color: #f00 !importante; )

Incluso con el fondo " violeta "declarada por un estilo en línea, la declaración ! Importante superan a los de fondo morado y asignar al elemento # Header rojo el color de fondo .

III -C. Cambiar estilos de actualizar a Firebug

Otro uso para la presentación de informes ! Importante es cuando queremos cambiar dinámicamente los estilos de Firebug , un plugin de Firefox . Cuando usted visita una página web en Firefox , puede hacer clic en cualquier elemento de la página y selecciona " Inspeccionar elemento " , que se abrirá la ventana de Firebug que le da acceso a las herramientas para modificar los estilos de la página sobre la marcha. Usted verá los cambios en tiempo real. Por supuesto, estos estilos se aplican sólo a nivel local y se restablecerán a sus valores por defecto cuando la página se actualiza.

Una situación que puede ocurrir que la necesidad de dar peso a un estilo aparece en la ventana de Firebug que ha sido superado . Los estilos se muestran cruzado superó en Firebug. Puede hacer clic en un estilo actualizado para editar y añadir la mención ! Importante, como ha sido modificado el estilo , tendrá prioridad, de la misma manera como en los ejemplos anteriores.

IV. Y hay algunas desventajas para su uso?

Por supuesto. De hecho , le recomiendo encarecidamente que nunca utiliza la instrucción ! Importante. Sé que es una declaración audaz y está claro que habrá situaciones donde los desarrolladores se verán tentados a utilizarlo, pero en el 99 % de los casos habrá una solución mejor. Actualizar un estilo en línea que usted no puede cambiar de lo contrario es probablemente la única razón que se apruebe su uso personal . Yo código en HTML y CSS para unos nueve años y nunca he utilizado la declaración ! Importante. De hecho, durante mucho tiempo yo ni siquiera sabía su existencia, que , en retrospectiva, fue una buena cosa.

Algunas de sus desventajas :

• 
  
  promueve un código mal concebida y olvidadas.
• 
  
  crea código que es menos fácil de mantener .
• 
  
  supera los estilos declarados en la hoja de estilo del usuario, la reducción de la accesibilidad.

Con estos puntos clave en mente, el uso de la instrucción ! Importante debe ser considerada sólo después de todas las demás vías se han agotado .

V. Más detalles técnicos

Al informar ! Importante se utiliza , debe tenerse en cuenta después de que el valor de la propiedad a la que tiene la intención de dar el peso .

Declaración ! Importante se puede utilizar con las propiedades resumidas . Cuando lo utiliza , la declaración ! Importante asignar más peso a cada valor reportado para la propiedad taquigrafía. Por ejemplo :

#encabezamiento ( relleno: 20px 10px 20px 10px !importante; ) div#encabezamiento ( padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; )

Con el código CSS anterior, la primera regla, que establece con la propiedad resumida relleno, tiene prioridad sobre la segunda regla , incluso si tiene un selector más específico , dijo que el acolchado con propiedades que no se acortan y declarado es pasado en la cascada.

Una declaración ! Importante que se define en la hoja de estilo que el usuario tiene más peso que una declaración se define en la hoja de estilo del autor (aunque esto se revirtió en un CSS). Esto es cierto incluso si el autor de hojas de estilo tiene precedencia sobre la hoja de estilos para el usuario en el flujo normal de la cascada.

El principal objetivo de la declaración ! Importante es permitir a los usuarios que tienen necesidades específicas para incluir en sus propias hojas de estilo para influir en los parámetros de tamaño y color de la fuente sin tener que obedecer las reglas de la cascada .

Por último , hubo , muy pocos artículos que se decía que la única manera de reemplazar los estilos en línea fue el siguiente :

[ div estilo ] ( background-color: #f00 !importante; )

Nota del estilo] [ es un selector de atributos , además de la declaración ! Importante. En este ejemplo , se recogieron todos <div> elementos que se declara un atributo de estilo en HTML. Esto no es necesario . Declaración ! Importante es todo lo que es necesario para permitir a reemplazar los estilos en línea en el ejemplo anterior . Sin embargo, usando el selector de atributo selecciona elementos específicos con el atributo "style" . Por lo tanto, pueden tener usos prácticos en su trabajo.

Cabe señalar que este selector de atributo no funciona con Internet Explorer 6 y 7 , este método se hace menos útil como tal.

Nota : Después de haber sido rediseñado , me di cuenta de que pasé por alto un punto importante ya que los estilos en línea se puede añadir a muchas etiquetas HTML que no tienen ninguna clase o id y no podemos sé estilos que se asignan etiquetas , utilice el selector de atributo es la única manera de anular estos estilos. Puedo entender por qué estos elementos eran tan firmes sobre el hecho de que este es el único método para superar a los estilos en línea . Sin embargo, creo que la explicación un poco más precisos habría tenido más claro. Supongo que usted también puede usar JavaScript para apuntar todas las etiquetas que contienen los estilos en línea para asignar una clase.

VI. Finalmente

Usted va a entender , no utilice la declaración ! Importante hasta que haya probado todas las demás vías , y tener en cuenta las molestias. Si lo usa , es probable que sea lógico, si es posible , para poner un comentario en su hoja de estilo al lado de todos los estados que serán superados , para garantizar un código más fácil de mantener .

Traté de cubrir los puntos esenciales en relación con el uso de la instrucción ! ImportanteAsí que por favor dejar un comentario si usted siente que no me llegaron o inexactitud quede algo y voy a estar feliz de hacer las correcciones necesarias : comentario.

VII. Gracias

Muchas gracias a Benj ., Bovino y Macmillenium para su revisión .

http://christophe-f.developpez.com/traductions/css/declaration-important/

10 juegos gratuitos para tu móvil Java

18 de Agosto por Sergio Reseco

¿Estás harto del iPhone y de escuchar noticias sobre Androids, iPhones y teléfonos inteligentes? Si tienes un móvil sencillito pero que te sirve a las mil maravillas, también tienes gran cantidad de juegos de todo tipo en Java para amenizar esos ratos libres en el tren o el autobús.

¿Te gustan los clásicos o prefieres los de coches? Te hemos preparado un popurrí de juegos para que tengas algo para cada momento. Porque hay vida más allá del buscaminas y la serpiente…

Acción y plataformas

Super Mario Planet, un clásico entre los clásicos.

Ayuda a Mario en esta versión para móviles del juego de plataformas más famoso.

Zelda Mobile, rol en tamaño de bolsillo.

Remake del clásico The Legend of Zelda de Nintendo.

Call of Juarez, revólveres y pólvora en el lejano oeste.

Practica tu puntería y pasa un buen rato emulando a John Wayne.

Tom and Jerry Food Fight, de la televisión al móvil.

Dos personajes inolvidables protagonizan un juego simple pero muy divertido.

Rompecabezas

Vegas Pool

Minehunter, el buscaminas.

No podía faltar: un concepto muy simple pero siempre entretenido.

5ud0ku, la magia de los números.

Una alternativa para ejercitar tu mente a cualquier hora del día.

Pipes, tuberías y más tuberías.

Estrategia y lógica a partes iguales en este juego de ejercicio mental.

Motor

Ducati 3D,velocidad sobre dos ruedas.

Una marca mítica y un juego rápido donde las motos son las protagonistas.

Wicked Racing, carreras contra el reloj.

Acelera, derrapa y bate tu propio récord en este juego de coches.

, billar a tres bandas.

Tiñe tu móvil con un tapiz verde y consigue espectaculares carambolas.

¿Qué es WWT ?El WorldWide Telescope (WWT ) es un Web 2.0 software de visualización entorno que permita que el equipo funcione como una imagen virtual del telescopio

Experiencia

WorldWide Telescope

Sumérjase en un bello entorno sin fisuras .

WorldWide Telescope ( WWT ) permite al equipo funcionar como un telescopio virtual , reuniendo imágenes de los mejores telescopios de tierra y basadas en el espacio en el mundo. La experiencia narrada visitas guiadas de los astrónomos y educadores con interés lugares en el cielo.

Una versión basada en web de WorldWide Telescope está también disponible . Esta versión permite exploraciones sin fisuras, guiada por el universo desde un navegador Web en el PC e Intel Mac OS X utilizando el poder de Microsoft Silverlight 3.0.

WorldWide Telescope Proporciona Exploración de Marte detallada y mejorada de imágenes del cielo nocturno

Ahora usted puede utilizar WorldWide Telescope ( WWT ) para explorar las características de Marte como nunca antes, gracias a la adición de más de 13.000 imágenes increíblemente detalladas de Marte de varias naves de la NASA . Zoom en el Planeta Rojo y la experiencia de la superficie marciana en la prestación de 3 -D increíblemente realistas , y saber más sobre nuestro vecino planetario con nuevas visitas guiadas interactivas de Marte. Y las mejoras de WWT no se detienen ahí . Ahora el WWT vista del cielo nocturno es aún más impresionante, con una representación perfecta , de alta resolución que suaviza los contornos entre las imágenes discretas. Atrás han quedado los visibles " cuadros "- los bordes agudos en fotos individuales telescópica se combinaron para crear el panorama cielo nocturno. Esta visión mejorada , denominada Terapixel imagen del cielo, proporciona una extraordinaria sensación de panorámica del cielo con telescopio más poderoso del mundo .

¿Qué es el WorldWide Telescope ?

WWT es una aplicación que se ejecuta en Windows que utiliza las imágenes y los datos almacenados en servidores remotos que le permite explorar algunas de las imágenes de mayor resolución del universo está disponible en varias longitudes de onda .

Date una vuelta

Mira a ver qué le falta. Elige entre uno de los muchos tours guiados dentro de WorldWide Telescope para explorar el entorno interactivo.

Compartir la experiencia

¿Por qué mantener la perfecta exploración del universo WorldWide Telescope puede proporcionar un secreto? Dile a tus amigos y familia!

Requisitos de sistema de Windows ®

( para Mac OS X utiliza el cliente de la web)

Mac y PC - Comparar las versiones de cliente

http://www.worldwidetelescope.org/whatIs/whatIsWWT.aspx

instalaciones de servicios inalámbricos Dentro de labrador negro de Apple 'testing ( actualización: el vídeo)

instalaciones de servicios inalámbricos Dentro de labrador negro de Apple 'testing ( actualización: el vídeo)

Por Josué Topolsky Nuevo 16 de julio 2010 23:04

No es sorprendente que después de que Apple terminó explicar los problemas iPhone 4 antena a la prensa hoy, la compañía quería dar un paso más allá y decir "sí , en realidad , lo probamos el infierno fuera de estos teléfonos antes de presentarlos al público. " Aunque Steve Jobs fue el tipo prolongado e intenso de la evaluación de radio que se enciende en la sede de Apple , no parece ser suficiente para la gente de Cupertino. Y eso, sospecho, es por eso que fueron invitados (junto con un pequeño grupo de periodistas de otros ) para tomar un breve recorrido por los laboratorios Infinito Apple Loop. A pesar de que no se les permitió grabar videos o tomar fotos , se puede hablar acerca de lo que hemos hecho - y lo que no - ver y escuchar a puerta cerrada.



Después de Empleo envolvió la casi hora y media de una presentación , nos llevó a un lado por Apple PR e hizo pasar por el centro del campus bucle infinito - una experiencia nueva para nosotros, ya que nunca había sido más profunda que uno de los teatros pequeños de la compañía . Una vez que todos los asistentes se habían reunido ( gente como Jason Snell de Macworld, Daring Fireball' s John Gruber, y un puñado de periodistas principales de lugares tales como Con conexión de cable, Hoy EE.UU. y el The New York Times) , se nos hizo más en el campus ( y, eventualmente, a través de una calle) en un edificio separado. Después de una serie de puertas dobles y largo plazo, pasillos anónimos , entramos en una gran almacén de laboratorio -como lleno de equipos de prueba en medio de grandes mesas cubiertas de paño negro misterioso (y no, no podíamos mirar debajo de la tela) . En espera de nosotros fue Phil Schiller, Greg Joswiak , Bob Mansfield, y el ingeniero Rubén Caballero. El empleado este último se ha convertido en una figura un tanto polémica sobre los últimos días , ya que fue acusado de haber conocido y comunicado su preocupación por el diseño de la antena nueva ( según un artículo de Bloomberg, que Jobs criticó como una olla " " durante la conferencia de prensa de hoy ) . Ah, y también hubo una variedad de gente de relaciones públicas , para que los periodistas entrometidos salir de la línea y requieren un tasing .

Así que nuestro grupo estaba en la sala de hormigón y acero - bastante escasa, y utilitario , no lo que esperan de Apple - rodeado de cubos de aluminio gigantes (algunos de 17 cámaras anecoicas de empresa utilizados para las pruebas de radio ), y un pequeño ejército de Apple repeticiones. Rubén comenzó por decirnos que los laboratorios que solía ser secreto, incluso para los empleados de Apple - algo que se refiere como " laboratorios de negro ". También nos informó que había 40 ingenieros que trabajan en los laboratorios que eran expertos y doctores celebrada en la física , telemetría, y toda la materia de las artes oscuras que permiten a la empresa a desarrollar de manera continua y prueba de las tecnologías inalámbricas. Nos acercó a una de las cámaras de extraño, un cuadro por un lado con una porción cada vez más afilados por el otro que hizo el chisme todo parece un poco como el pico de un pájaro. Rubén nos informó de que esta cámara especial que se ejecuta alrededor de $ 1,2 millones de dólares EE.UU. . En el interior, la sala estaba cubierta de enormes pirámides cerceta del sonido y la señal de espuma de amortiguación , y no había un IPAD atado a un mecanismo de rotación que nos dijeron que estaba siendo utilizado para tener una idea de lo que el rendimiento inalámbrico sería como en cualquier ángulo. Esto fue una prueba pasiva , a diferencia de las pruebas con seres humanos activos y la interferencia real (más sobre esto en un momento) , y se está realizando con Macs ... Windows XP. Cuando se le preguntó por qué todavía estaría probando el IPAD , Bob y Rubén se rió mucho de haber sido probar el IPAD " durante años ", y luego Rubén sonrió y ofreció una explicación sobre la memoria , incluso después de las pruebas continuamente productos están en el mercado. Claro Rubén , seguro.



Nos mostraron otra cámara frente al "pico" en un iPhone 4 se había atascado en un cubo de espuma de poliestireno extraña ... que fue rotando a intervalos . Los paneles de la habitación eran también de rotación , mientras que una antena compatible con un brazo (esto una señal de la entrega de un celular al dispositivo, siendo este uno de los " activos " mediciones), cambió su posición periódicamente. Nos estaría mintiendo si no te dije que estábamos un poco preocupada , era como un pequeño , muy limpio Sierra artilugio . Según Phil, lo que estábamos viendo era " el laboratorio más avanzado para hacer estudios de RF que nadie en el mundo tiene. "

Vale la pena notar la progresión de las pruebas de estilos se nos presentó , cada uno introducir un poco más la varianza y la interacción humana , que nos lleva a probablemente la mejor cosa que teníamos la oportunidad de ver : esa habitación en la imagen superior .



La tercera cámara es un poco de una sala del trono , o el " Stargate ", como afirmó Rubén lo llaman en Apple. Y realmente , realmente se ve como algo salido de una película de ciencia ficción . En esencia, esta sala se utiliza para probar la señal en 360 grados alrededor de una explotación sujeta o el uso de un dispositivo. La estructura circular que rodea la silla está salpicado de antenas de un solo uso - los pros poco amarilla que ves - y todo lo que hacen es decirle al probador si una señal se ha recibido o no alrededor de la malla en esa posición. No podemos enfatizar lo increíblemente aisladas estas cámaras son . Llamarlos una sala de muertos no sería una subestimación . Hemos estado en algunas habitaciones bastante muerto antes, pero se trata básicamente de ataúdes de espuma. En esta cámara de uno de nuestro grupo comenzó a preguntar sobre la duración del tiempo de prueba estándar de toma , pero el equipo de Apple tiene un poco a la defensiva sobre el punto - que no quiso decir cuánto tiempo o cuánto probaron los productos en particular. Incluso cuando se pulsa sobre un "general" período de tiempo para un producto sin nombre, no pudimos obtener una respuesta de ellos. La empresa nos dijo que los productos se realizaron a través de cada experiencia individual un mínimo de 24 horas, pero que no dice nada de las pruebas ya plazo.



Rubén y la tripulación nos ha llevado a través de otro pasillo y en un laboratorio de pruebas independiente , donde más interferencias que estaba pasando con las "cabezas "y" manos ". Las cabezas están hechas de plástico y llena de una mezcla líquida que se replica el contenido de ... así , la cabeza . Las manos están hechas de una especie de goma espuma de alta a la prueba - que Rubén señaló que no era " una norma ", es decir no es algo que organismos como la FCC regular - y se utilizan para probar la interferencia en diferentes posiciones. En la misma sala se nos muestra también la costumbre , 20.000 dólares "pie" que se utilizó para probar la radio en el Nike +. Luego nos llevaron a una estación de trabajo en las entrañas de un iPhone se mostraban en dos monitores de gran tamaño - a partir de un TAC ( tomografía computarizada) del dispositivo. Rubén explicó que cuando usted está buscando un problema en un dispositivo , la apertura cambia lo que está pasando en el interior , así que Apple instala un escáner de tomografía computarizada para observar el interior sin alterar los resultados mediante la apertura de la misma.

Por último nos dirigimos afuera y consiguió una mirada dentro de una camioneta en la que en gran medida con instrumentos probadores de Apple salió a la calle . El vehículo estaba equipado con un número de estaciones para los "cabezas" y " manos " que vimos , así como lugares para que los evaluadores humanos para tener dispositivos de salir al mundo real y obtener resultados. El punto aquí , como en toda la gira , era demostrar que Apple tiene pruebas de antenas y las comunicaciones inalámbricas muy en serio - si, de hecho , no había ninguna pregunta.



Y lo conseguimos - ha habido gente por ahí que sugiere que Apple simplemente no poner a prueba su teléfono antes de dejarlo salir al mercado. O que estaban tan de cabeza ósea que probado sólo en los casos particulares adoptadas para llevar el teléfono a los bares , por lo que por supuesto no vieron el problema de la antena. Pero seamos honestos - esto es una empresa multimillonaria que ha estado haciendo los dispositivos inalámbricos durante mucho tiempo , mucho tiempo. Este no es el primer teléfono , que es su cuarto , y aunque ha habido problemas de recepción con los modelos anteriores , nada sugiere que Apple no está haciendo su debida diligencia en estos teléfonos . La verdad es que no era necesario el viaje a entender que , aunque es posible que algunas personas hacen .



Actualización: la gente más afortunada en ABC se les dio un permiso especial para filmar en el interior del laboratorio de Apple, y aquí está el vídeo (lo siento, los espectadores EE.UU. solamente):

http://www.engadget.com/2010/07/16/inside-apples-black-lab-wireless-testing-facilities/