Lista de los selectores CSS

selectores CSS permiten especificar qué elementos HTML que desea un estilo específico que se aplica a. Esto puede evitar el problema de un elemento de párrafo, por ejemplo, se ve afectada cuando se pretende para estilizar un elemento diferente, como un ancla o un cuadro de texto. Una manera efectiva de aprender los diferentes selectores es categorizar ellos en base a cómo discernir qué elemento HTML a aplicar a.

Universal

Sólo hay uno de estos tipos de selectores, y está representado por un asterisco. Utilice este selector cuando se desea un estilo CSS para aplicar a todos los elementos. Por ejemplo, la definición de estilo siguiente hace que todos los elementos de un documento en negrita:

{

font-weight: bold;

}

Elemento

selectores de elementos aplicar estilos CSS a elementos específicos en una página Web, como los encabezamientos, párrafos o divs. Por ejemplo, el siguiente estilo CSS se aplica cursiva sólo a los elementos de párrafo:

pag {

font-style: cursiva;

}

Clase

Cuando se utiliza un selector de clase en la definición de un estilo CSS, cualquier elemento que se refiere a esa clase será capaz de utilizar ese estilo. Por ejemplo, si se define un estilo llamado "grande" que se aplica el texto de 48 puntos, cualquier elemento que tiene el atributo "class = grande" será capaz de utilizar ese estilo. El siguiente ejemplo muestra cómo se puede aplicar este estilo:

.Grande {

font-size: 48 pt;

}

En su documento HTML, utilice este estilo en un elemento de párrafo de la siguiente manera:

<P class = "grande"> SU TEXTO AQUÍ </ P>

CARNÉ DE IDENTIDAD

definiciones de estilo CSS se pueden aplicar a un párrafo específico, div, cuadro de texto u otro elemento dentro de una página Web, en contraste con un estilo que se aplica a todos los párrafos, por ejemplo. Para escribir un estilo CSS que se aplica a un elemento, utilice el carácter "#" seguido por el "id" que desea seleccionar. El siguiente ejemplo hace que el texto en el elemento cuyo "id" es "MyElement" negrita:

MyElement {

font-weight: bold;

}

Atributo

Selectores de atributos permiten definir estilos para elementos HTML que asignan un valor a un atributo específico, como el atributo "href" de la etiqueta de anclaje "<a>." el siguiente estilo CSS se aplica a cualquier elemento que asigna un valor a su atributo "href":

[Href] {

font-weight: bold;

}

Las clases seudo

Los estilos CSS se pueden aplicar a las clases de pseudo, que son clases predefinidas relacionadas con el estado de un elemento HTML. Un ejemplo de un estado es "estacionario", cuando se pasa el ratón sobre un enlace u otro elemento HTML. La siguiente definición de estilo hace que los enlaces en negrita cuando el ratón pasa sobre ellos:

a: hover {

font-weight: bold;

}