ProgramacionWeb - Ayuda al webmaster
No has iniciado sesión
Conectar al sistema | Registrar usuario
Cursos Cuestionarios Curso de CSS Capítulo
 
6 votos
Clases, pseudoclases y pseudoelementos
 
 

ArribaTabla de contenido

ArribaClases

Una clase es una série de propiedades y métodos que se agrupan en una estructura para poder aplicarlos conjuntamente a una série de objetos, como CSS no tiene métodos, en este caso la clase solo contendrá propiedados (atributos) y decidiremos que objetos pertenecen a esta clase con el atributo HTML class.

La clase se definirá como expliqué en Sintaxis CSS, utilizando un selector de clase y poniendo todos los atributos y valores entre corchetes, veamos un ejemplo completo:
 
000 
001 
002 
003 
004 
005 
006 
007 
008 
009 
010 
011 
012 
013 
014 
015 
<html>
<head>
  <title>Mi CSS</title>
  <style>
  .miClase {
    border: 1px solid red;
    padding: 4 4 4 4;
  
</style>
</head>
<body>
  <b>Menú</b>
  <div class="miClase">Indice</div>
  <div class="miClase">Descargas</div>
  <div class="miClase">Links</div>
</body>
</html>
 
Como podeis ver, todos los objetos div están en la clase miClase, por lo tanto todos estos objetos tendrán las mismas propiedades.

ArribaPseudoclases

Las pseudoclases són unas clases especiales de HTML, que se refieren a algunos estados especiales del elemento, las pseudoclases, igual que los pseudoelementos, se escriben de la siguiente manera:
 
000 
001 
002 
objeto:pseudoclase {
  propiedad: valor;
}
 
Las principales pseudoclases són para el objeto A (vínculo), y són las siguientes:
link - Enlace sin explorar
visited - Enlace que ha sido seguido por el usuario
active - Enlace seleccionado por el usuario
hover - Enlace que tiene el ratón encima

ArribaPseudoelementos

Los pseudoelementos són partes determinadas de de un objeto, y tenemos las siguientes.
first-letter - Se refiere a la primera letra del objeto.
first-line - Se refiere a la primera línea del objeto.
De esta manera, con las pseudoclases y pseudoelementos, podemos definir una letra capital para la primera fila de cada párrafo, un enlace que se recuadra si le ponemos el mouse encima..
 
Anterior y siguiente
Agrupación de sele...
 
Comentarios
16/04/05 Fallos en IE
Hay que ir con cuidado con las pseudo-clases y pseudo-elementos cuando utilizamos IE/Win. Algunas de ellas no son reconocidas por este navegador y no funcionan correctamente.
 
Resolver dudas
Si tienes problemas o dudas con el contenido del artículo no dudes a preguntar en los foros de CSS de Programación Web indicando el artículo al que te refieres.