Selectors

This translation is incomplete. Please help translate this article from English.

En CSS, els selectors s'utilitzen com objectiu dels elements HTML en les nostres pàgines web que volem estil. Hi ha una àmplia varietat de selectors CSS disponibles, el que permet una precisió subtil en seleccionar elements d'estil. En els propers articles recorrerem els diferents tipus amb gran detall, per veure com funcionen.

Requisits Previs: Coneixements bàsics d'informàtica, instal.lació del programari bàsic,coneixement bàsic de treballar amb arxius, HTML bàsic (estudi Introducció a HTML), i una idea de Com funciona CSS.
Objectiu: Aprendre com funcionen els selectors CSS en detall.

Els bàsics

En l'últim article vam explicar la Sintaxi CSS general i la terminologia en detall . En resum, els selectors són una part d'una regla CSS i vénen just abans dels blocs de declaracions CSS.

Diferents tipus de selectors

Els selectors es poden dividir en les següents categories::

  • Selectors simples : Coincidir amb un o més elements basats en el tipus d'element, class o id.
  • Selectors d'atributs: Coincidir amb un o més elements basats els seus atributs/valors dels atributs.
  • Pseudo-classes: Coincidir amb un o més elements que existeixen en un determinat estat, com un element sobre el que plana el punter del ratolí o una casella de verificació que està deshabilitada o marcada actualment, o un element que és el primer fill del seu pare en l'arbre DOM
  • Pseudo-elements: Coincidir amb una o més parts del contingut que es troba en una posició determinada en relació amb un element, per exemple, la primera paraula de cada paràgraf, o contingut generat que apareix just abans d'un element.
  • Combinadors: Aquests no són exactament selectors en si mateixos, sinó maneres de combinar dues o més selectors en formes útils per a seleccions molt específiques. Així, per exemple, es pot seleccionar només els paràgrafs que són descendents directes de divs, o paràgrafs que vénen directament després de les capçaleres.
  • Múltiples selectors: Un cop més, aquests no són selectors individuals; la idea és que es pot posar diversos selectors a la mateixa regla CSS, separats per comes, per aplicar un únic conjunt de declaracions de tots els elements seleccionats pels selectors..

Resum de l'article de selectores

Els següents quatre articles exploren tots els diferents aspectes dels selectors - hem dividit aquesta informació perquè hi ha una gran quantitat d'ella, i volíem que fos menys intimidant i donar alguns punts clars, per prendre descansos a mitjan aprenentatge. Els articles són els següents:

Es recomana encaridament fer front als selectors simples en primer lloc, en cas que es perdi cap informació pertinent.

Document Tags and Contributors

 Contributors to this page: Legioinvicta
 Last updated by: Legioinvicta,