CSS hack

Debido a las diferencias de interpretación de las css entre distintos navegadores, en ocasiones es necesario definir un mismo elemento de forma distinta para dos navegadores. Para esto se usan los css hacks; la idea básica es que si queremos que un navegador no lea una regla la escribimos con una sintaxis que el navegador objetivo no sea capaz de interpretar.

Aqui podeis ver una lista de hacks y los navegadores que los soportan

Pseudo-class

CSS define cuatro pseudo-clases que permiten aplicar estilos avanzados para los enlaces de los documentos. Las pseudo-clases permiten aplicar diferentes estilos a un mismo enlace en función de su estado: enlace no visitado, enlace visitado, enlace en el que se pasa el puntero del ratón por encima y enlace activo en ese momento.

Cada una de las pseudo-clases definidas se muestra a continuación:

:link: permite aplicar estilos para los enlaces que aún no han sido pinchados.
:visited: aplica estilos a los enlaces que han sido pinchados anteriormente (el navegador del usuario elimina automáticamente el historial de enlaces visitados cada cierto tiempo).
:hover: estilos que muestra el enlace cuando el usuario posiciona el puntero del ratón sobre el enlace.
:active: estilos que se aplican al enlace cuando el usuario está pinchando sobre el enlace (el tiempo durante el que se aplica este estilo es muy breve).

Ejemplo
a:hover {text-decoration: none;}

Pseudo-element

Los pseudo-element sirven para aplicar estilos a partes más específicas dentro de una etiqueta.
En CSS1, hay dos pseudo-elementos que son :first-letter and :first-line. Se utilizan para dar estilo a la primera letra de un elemento de bloque (un párrafo por ejemplo) y a su primera línea respectivamente.

Ejemplo:
P:first-letter {color: red;}
P:first-line {color: gray;}

Cuando aplicamos un pseudo-elemento sólo podemos emplear en su definición, los siguientes estilos:
:first-letter: propiedades de las fuentes, fondos y colores, text-decoration, vertical-align (si float es none), text-transform, line-height, margenes, padding, bordes, float, clear.

:first-line: propiedades de las fuentes, fondos y colores, word-spacing, letter-spacing, text-decoration, vertical-align, text-transform, line-height, clear.

Selector

Palabras clave: Declaracion, Propiedad, Valor

La sintaxis de CSS consiste de dos partes: un selector y una declaración (esta última a su vez consta de una propiedad y un valor).
Cada regla consta de un SELECTOR, que es el que indica a que elemento o parte de la página se aplica el estilo; normalmente los selectores son etiquetas HTML (p.e. h1 sería un selector que permitiría aplicar estilos a las cabeceras <h1>). A cada selector debe seguir una DECLARACION del estilo que ha de serle aplicado (p.e. color:blue). Toda declaración tiene dos partes: PROPIEDAD (por ejemplo, color) y VALOR (por ejemplo, blue).

Ejemplo:
h1{color:blue;}

Selector: h1
Declaracion: {color:blue}
Propiedad: color
Valor: blue