Selectores Css

Hay varios tipos de selectores especiales específicos:

• identificadores para asignar una identificación única al elemento, ya que no puede haber más de un elemento con el mismo identificador en una página web
  

                    
                            <p id=”estilo”>texto</estilo>
  
                              p#estilo{font-size: 10px; font-family: arial;}
  
                            

• clases con la finalidad de juntar elementos en grupos

  
                            <img src=”coche.jpg” class=”estilo”>
  
                            img.estilo {
                              border-width: 1px;
                              border-color: green; 
                              border-style; solid;
                            }
  
                          

En Css teneos varios tipos de clases

• pseudo-clases que son
• a:link /*enlace sin visitar*/
• a:visited /*enlace visitado*/
• a:hover /*enlace con el raton encima*/
• a:focus /*enlace al que ha llegado con teclado/*
• a:active /*enlace sobre el que se está haciendo clic/*

a:hover hay que escribirlo en el documento css despues de las reglas a:link y a:visited sino estara ocultada

También tenemos pseudo-elementos que se utilizan para dar formato a los elementos

• p:first-letter {color:red} /*pone de color rojo la primera letra de todos los párrafos/*
• :first-line /*la primera linea del elemento al que pertenece*/
• :before /*al elemento anterior*/
• :after /*el elemento posterior*/

Siguiente

Anterior