Cómo reemplazar estilos CSS3

categoría Computadoras y software / Programación / Html

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

overRide.html
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 de las normas de estilo.

La pregunta es la siguiente: ¿De qué color será el qué color pantalla elemento? 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 azul. Por último, ha nombrado whatColor, y los elementos con este ID debe ser púrpura.

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

CSS tiene un sistema de clasificación claro para manejar este tipo de situaciones. En normas más específicas de triunfo normas generales, más generales. Aquí está la precedencia (de mayor a menor prioridad):

  1. La preferencia del usuario

    El usuario siempre tiene la decisión final sobre lo que se utilizan estilos. Los usuarios no están obligados a utilizar ningún estilo en todo y siempre se puede cambiar la hoja de estilos para su propia copia local de la página. Si un usuario tiene que aplicar un estilo especial (por ejemplo, un alto contraste para las personas con discapacidades visuales), él debe siempre tener esa opción.

  2. Estilo local

    Un estilo local (definida con el estilo atribuir en el HTML) tiene la más alta prioridad de estilos desarrolladores definido. Se anula cualquier otro estilo.

  3. Identificación

    Un estilo unido a un elemento Identificación tiene una gran cantidad de peso, ya que anula cualquier otro estilo definidas en la hoja de estilos.

  4. Clase

    Estilos unidos a una clase anulan 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á azul debido a estilos de clase superan a estilos de elementos.

  5. Elemento

    El estilo elemento tiene prioridad sobre cualquiera de sus envases. Por ejemplo, si un párrafo está dentro de una div, el estilo de párrafo tiene el potencial de reemplazar tanto el 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 atributos de estilo de ellos.

  7. Cuerpo

    Todo lo definido en el estilo de la carrocería es una página predeterminada en general, pero va a ser anulado por cualquier otro estilo.

en el overRide.html ejemplo, el Identificación regla tiene prioridad, por lo que las pantallas de párrafo en púrpura.



Artículos Relacionados

Sobre el autor
Cómo aplicar estilos de palabra en el iPad Cómo aplicar estilos de palabra en el iPad

Estilos de Word a ahorrar tiempo, porque cuando se aplica un estilo, aplicar varios comandos de formato en su iPad a la vez. El estilo Título 1, por ejemplo, aplica los formatos que son adecuados para los títulos - un tipo de letra más pesado, un…

Cómo aplicar un estilo con la palabra galería 2007 estilos Cómo aplicar un estilo con la palabra galería 2007 estilos

La galería Estilos Word 2007 contiene estilos de párrafo y carácter que se pueden aplicar a su documento. Ubicado en el grupo Estilos de la ficha Inicio de la cinta de opciones, la galería de Estilos es la forma más fácil de aplicar estilos a…

Las hojas de estilo en cascada y SharePoint 2010 Las hojas de estilo en cascada y SharePoint 2010

Hojas de Estilo en Cascada (CSS) pueden ser muy sofisticado. CSS es una manera de separar apariencia del contenido. Estas reglas de estilo a menudo se colocan en el área de la cabeza de un documento HTML o en un archivo separado por completo que…

Cómo aplicar estilos rápidos en Word 2007 Cómo aplicar estilos rápidos en Word 2007

Cuando utilice estilos rápidos en Word 2007, no tiene que molestarse con cualquier texto o formato de párrafo. Sólo tiene que elegir el estilo rápido, y el tamaño del texto, tipo de letra, atributos y el formato de párrafo son elegidos de…

Cómo designar el estilo a seguir en el documento de Word 2007 Cómo designar el estilo a seguir en el documento de Word 2007

Usted puede decirle a Word 2007 para cambiar los estilos de párrafo de forma automática a medida que crea un documento. Por ejemplo, al crear un nuevo documento, es posible que desee comenzar con un estilo de título, seguido de un estilo de…

¿Cómo definir las clases para HTML5 y CSS3 programación ¿Cómo definir las clases para HTML5 y CSS3 programación

Usted puede aplicar fácilmente un estilo para todos los elementos de un tipo particular en una página HTML5, pero a veces es posible que desee tener un control más estricto de sus estilos. Por ejemplo, es posible que desee tener más de un estilo…

¿Cómo definir estilos para múltiples elementos de HTML5 y CSS3 programación ¿Cómo definir estilos para múltiples elementos de HTML5 y CSS3 programación

A veces, es posible que desee una serie de elementos en su página web basada en HTML5 y CSS3 para compartir estilos similares. Echa un vistazo a este ejemplo para ver esto en acción.Los tres primeros títulos tienen estilos muy similares.…

Cómo seleccionar segmentos particulares para HTML5 y CSS3 programación Cómo seleccionar segmentos particulares para HTML5 y CSS3 programación

A veces, es posible que desee seleccionar sólo determinados segmentos en su página web HTML5 y CSS3. Echa un vistazo a cómo debe referirse a alguien que no aprecia su destreza desarrollo web.La definición de más de un tipo de párrafoAparte de…

Cómo usar estilos locales para HTML5 y CSS3 programación Cómo usar estilos locales para HTML5 y CSS3 programación

Un estilo se puede definir directamente en el cuerpo de HTML5. He aquí un ejemplo de este tipo de código. Un estilo local también a veces se llama un a nivel de elemento estilo porque modifica un caso particular de un elemento en la…

Cómo reemplazar estilos en iBooks autor Cómo reemplazar estilos en iBooks autor

Cuando usted está escribiendo un libro entero, el formato de forma coherente puede ser un desafío. iBooks Autor hace que sea fácil para buscar y reemplazar estilos que utilizó a lo largo de su libro electrónico mediante el uso de la función…

Cuatro tipos de hojas de estilo en cascada en el diseño web Cuatro tipos de hojas de estilo en cascada en el diseño web

Hojas de Estilo en Cascada (CSS) se dividen en cuatro tipos diferentes (o estilos). Cuando usted entienda cómo funcionan estos cuatro tipos diferentes, podrás peinar sus páginas web de forma más eficiente.Para mantener su CSS organizada, usar…

Cómo el estilo de párrafos, encabezados y pies de página con css3 Cómo el estilo de párrafos, encabezados y pies de página con css3

Cuando se diseñará párrafos, encabezados y pies de página, la mayoría del trabajo se puede lograr de forma automática mediante la creación de estilos de etiquetas Redefinir para el etiqueta y sin embargo muchas etiquetas de título que va a…

» » » » Cómo reemplazar estilos CSS3