Cómo anular estilos css3

Video: Curso de PageSpeed | Clase 1: Eliminar el javascript y el CSS que Bloquea la Visualizacion

Con estilos CSS3 heredados viene la capacidad de anular una regla de estilo heredado. Por ejemplo, echar un vistazo al siguiente código para tener una idea de lo que esto podría significar:

Esta div tiene sólo el estilo del cuerpo.
Este es un párrafo normal con el párrafo estilo
Este párrafo es un miembro de una clase
Este párrafo es un miembro de una clase y tiene una identificación, tanto con las reglas de estilo.

La pregunta es la siguiente: ¿De qué color será el qué color visualización de elementos? Es un miembro del cuerpo, por lo que debe ser de color rojo. Es también un párrafo, y párrafos son de color verde. Es también miembro de la mi clase clase, por lo que debe ser de color azul. Por último, es llamado whatColor, y elementos con este ID debería ser púrpura.

Video: tutorial html y css | personalizar scrollbar en css3

Cuatro reglas de color aparentemente en conflicto están lanzadas sobre este elemento pobres. ¿De qué color será?

CSS tiene un sistema claro de clasificación para el manejo de este tipo de situación. En normas más específicas de triunfo normas generales de carácter más general. Aquí está la prioridad (de mayor a menor prioridad):

Video: aprender como animar una web con estilos CSS3

1. las preferencias del usuario

   El usuario siempre tiene la decisión final acerca de lo que se utilizan estilos. Los usuarios no están obligados a utilizar cualquiera de los estilos en todo y siempre pueden cambiar la hoja de estilo para su propia copia local de la página. Si un usuario tiene que aplicar un estilo especial (por ejemplo, alto contraste para las personas con discapacidad visual), que debe siempre tener esa opción.

2. estilo local

   Un estilo local (definido con el estilo atributo en el HTML) tiene la máxima prioridad de estilos definidos por el desarrollador. Se anula cualquier otro estilo.

3. carné de identidad

   Un estilo unido a un elemento carné de identidad tiene una gran cantidad de peso, ya que anula cualquier otros estilos definidos en la hoja de estilo.

4. Clase

   Estilos unidos a una clase de prioridad sobre el estilo de elemento del objeto. Por lo tanto, si usted tiene un párrafo con un color verde que pertenece a una clase de color azul, el elemento será de color azul debido a los estilos de clase sitúe por encima del elemento estilos.

5. Elemento

   El estilo elemento tiene prioridad sobre cualquiera de sus contenedores. Por ejemplo, si un párrafo está dentro de una div, el estilo de párrafo tiene el potencial de reemplazar tanto la div y el cuerpo.

6. elemento contenedor

   divs, tablas, listas, y otros elementos utilizados como contenedores pasan sus estilos en. Si un elemento está dentro de uno o más de estos contenedores, se puede heredar los atributos de estilo de ellos.

7. Cuerpo

   Nada definido en el estilo de la carrocería es un defecto general de la página, pero va a ser anulado por cualquier otro estilo.

En el overRide.html ejemplo, el carné de identidad norma prevalece, por lo que los párrafos pantallas de color morado.