Css Atributos Avanzados

Selector universal: * (asterisco)

Selecciona todas las etiquetas

Selector por contexto

Selecciona la etiqueta de contenido únicamente cuando está dentro de otra.

Ejemplo:

Aquí solo se pone en rojo la etiqueta strong que esté dentro de un párrafo.

A+B 
Selecciona la siguiente etiqueta B que sigue a A.

A [Atributo]
Selecciona todos los enlaces <a> que tienen el atributo especificado.

A [Atributo ="Valor"]
Selecciona todos los enlaces <a> que tienen un atributo y valor especificado.

Etiquetas universales (div) (span)

Delimitan un fragmento de texto con características especiales.

<div></div>
Uso en bloque: rodea un bloque entero de texto (por ejemplo un párrafo).

<span></span>
Uso en línea: va a afectar a un trozo de texto dentro de un bloque más grande.

Atributos especiales #id y .class

Atributos especiales para crear excepciones de estilo.

Atributos de clase (class) 

Para definirlo en el html: class = "estilo1"

Para definirlo en el css: .estilo1

Atributos de identificador (id)

*Solamente los podemos usar una vez en el código.

Para definirlo en html: id="estilo1"

Para definirlo en css: #estilo1

*El atributo Id es más prioritario que el Class.