¿Qué es un selector de CSS?

¿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

OPPO-Reno8-5G

Ya a la venta los nuevos teléfonos OPPO Reno8

OPPO Reno8 es una realidad ya en Europa. La marca hizo una presentación en París para dar a conocer los nuevos productos que llegan directamente al mercado para sumar una feroz competencia. Y es que en pocos años en el mercado del viejo continente, OPPO se ha hecho un hueco importante en el consumidor.  

batería-portátil-DELTA-2

Esta batería portátil es top y acaba de salir a la venta

Tener una batería portátil puede darnos mucha versatilidad para nuestras actividades tanto dentro como fuera de casa. Usamos muchos dispositivos a diario y todos ellos requiere de energía eléctrica para trabajar, por lo que una herramienta que nos aporte dicha energía puede venirnos muy bien en caso de apagones o proyectos en el exterior. EcoFlow,

GoPro-HERO11

GoPro HERO11 Black: las nuevas cámaras para los creadores de contenido

La conocida marca de videocámaras GoPro ha lanzando tres nuevas especialmente concebidas para creadores. GoPro HERO11 llega en tres modelos para satisfacer las necesidades de todo tipo de perfiles y creadores de contenidos.   Índice de contenidos1 El sensor de mayor resolución hasta la fecha2 Las tres cámaras GoPro HERO112.1 Principales tecnologías en las tres

camara-motorola-edge-30-ultra

¿200 megapíxeles? Sí, es lo que tiene el nuevo motorola edge 30 ultra

El furor por los megapíxeles parece estar de vuelta en la fotografía de los smartphones, si bien hay expertos que mantienen que más MP no quiere decir que resulte en mejores fotografías. El nuevo motorola edge Ultra llega al mercado con una barbaridad inédita en el mundo de la telefonía. Cabe destacar también que otras

nuevo-apple-watch-ultra

Un reloj inteligente solo para los elegidos: Apple Watch Ultra

Apple ha lanzado en septiembre su apuesta más Premium en relojes inteligentes: el nuevo Apple Watch Ultra. Este nuevo dispositivo rompe con la línea de los anteriores, especialmente en lo que se refiere a la pantalla, e incluye prestaciones para deportes extremos. Sin duda es el reloj más ambicioso de su sector, tanto por lo