¿Qué es un selector de CSS?

Compartir en facebook
Compartir en twitter
Compartir en linkedin
Compartir en telegram
Compartir en whatsapp
Compartir en email
Compartir en print
¿Qué es un selector de CSS?

¿Qué es un selector de CSS?

VALORACIÓN DEL ARTÍCULO:
5/5

selector de CSS

¿Qué son los selectores CSS? El CSS se basa en reglas de concordancia de patrones para determinar qué estilo se aplica a cada elemento del documento. Estos patrones se denominan selectores y van desde nombres de etiquetas (por ejemplo,

<b.highlight

coincidiría con cualquier etiqueta

b

con una clase de etiqueta

highlight

que sea hija del párrafo con el id

highlight=">código">myid">/p

Un selector CSS es la parte de una llamada de estilo CSS que identifica qué parte de la página web debe ser estilizada. El selector contiene una o más propiedades que definen el estilo del HTML seleccionado.

Los selectores CSS

Existen varios tipos diferentes de selectores:

  • selectores de tipo – que coinciden con un elemento específico
  • selectores de clase – haciendo coincidir elementos con una clase específica
  • Selectores de ID – haciendo coincidir el elemento con un ID específico
  • selectores de descendientes – elementos coincidentes que son descendientes de un elemento específico
  • selectores de hijos – elementos coincidentes que son hijos del elemento específico
  • selectores universales – a juego con cualquier elemento
  • selectores de hermanos adyacentes – elementos coincidentes inmediatamente precedidos por un elemento específico
  • selectores de atributos – elementos que coinciden con un atributo específico o valor de atributo
  • selectores de pseudo-clase – que emparejan elementos con una pseudo-clase específica
  • selectores de pseudoelementos – elementos de correspondencia con propiedades pseudo-elementales específicas

Formatear estilos CSS y selectores CSS

El formato de un estilo CSS se ve así:

Pre data-type=»code»>selector {propiedad style

selector { style : style ; }

>

Separe los selectores múltiples que tienen el mismo estilo con comas. Esto se denomina agrupación de selectores. Por ejemplo:

selector1 , selector2 { style property : style ; }

>

Los selectores de agrupación son un mecanismo abreviado para mantener sus estilos CSS compactos. La agrupación anterior tendría el mismo efecto que:

selector1 { propiedad style : style ; }
selector2 {propiedad de estilo : estilo ; } } } } } } } } } } } } })))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))amiento con la tabla tabla tabla en relación con la tabla en relación con el programa en relación con la tabla

>

Pruebe siempre sus selectores CSS

No todos los navegadores soportan todos los selectores CSS. Así que asegúrese de probar sus selectores en tantos navegadores en tantos sistemas operativos como pueda. Pero si está usando selectores CSS1 o CSS2 debería estar bien.

Deja un comentario

TAMBIÉN TE INTERESA

avatares-para-los-clientes-de-un-supermercado

Las tiendas y las calles se podrían llenar de avatares inteligentes…

Empieza a sonar con fuerza el metaverso en numerosas industrias. El futuro de internet consistirá a base de plataformas o salas para interactuar, pero en lugar de nosotros serán los avatares que hayamos diseñado los que se desenvuelvan por este nuevo espacio virtual que dará un paso más con respecto a las redes sociales.  

anillo-Circular

Menos la hora, el anillo Circular ofrece todo lo que un buen smartwatch

El anillo Circular se suma a la tendencia imparable de los wearables en el mundo de la tecnología y la electrónica de consumo. Todo lo que ofrece, exceptuando la hora, puede asemejarse a las funciones de un buen smartwatch como el de Apple o cualquier otra pulsara de conocidas marcas del segmento.   Índice de

OnePlus-10-Pro

Un nuevo pura sangre de Android llegará en primavera: OnePlus 10 Pro

Apenas estamos saboreando al OnePlus 9 Pro y la marca anuncia su nuevo flagship: el OnePlus 10 Pro. Será el smartphone referente de una marca que poco a poco se está haciendo un hueco importante en el mercado europeo tras triunfar en China. Será en su país de origen donde se lance el dispositivo y

movil-plegable-honor-magic-v

Nuevo móvil plegable en el mercado: Honor Magic V

Si eres fan del móvil plegable, has de saber que el de Samsung no es el único que puede ocupar tu mente. El Honor Magic V acaba de salir del horno y promete hacerle mucha competencia a su rival surcoreano.   El Honor Magic V se presenta como el primer móvil plegable de la firma

hacker

Destapadas las cifras de fraude en el pasado Black Friday: ojo a España

Pasadas ya unas cuantas semanas del Black Friday, podemos sacar conclusiones sobre el fraude o los intentos de fraude que se han producido a nivel global y en España. Los datos que han salido a la luz sitúan a España como una gran diana por los hackers, ya que nuestro país supera ampliamente la media

OPPO-Air-Glass

Las OPPO Air Glass esperan ver la luz en el primer trimestre del año

Las OPPO Air Glass son las primeras gafas de realidad asistida de la marcha china que fueron presentadas durante la última parte del año 2021, en su llamado INNO Day. Su llegada definitiva al mercado se estima para esta primera parte del año 2022, aunque por el momento su comercialización solo se producirá en territorio