Classe vs ID
Fulls d'estil en cascada (CSS) és un llenguatge que descriu l'aspecte i el format d'un document escrit amb un llenguatge de marques. CSS s'utilitza àmpliament per dissenyar pàgines web escrites en HTML. CSS permet especificar els vostres propis selectors d'estil a més d'aplicar estils per als elements HTML. Això es fa mitjançant els selectors d'ID i de classe. Quan s'especifica un estil per a un únic element únic, s'utilitza el selector d'ID. Quan s'especifica un estil per a un grup d'elements, s'utilitza el selector de classes.
Què és una classe?
A CSS, el selector de classes es pot utilitzar per aplicar el vostre propi estil a un grup d'elements. El selector de classe s'utilitza per aplicar un estil específic a un conjunt d'elements amb la mateixa classe. En CSS, un selector de classe s'identifica amb un punt (.). A continuació es mostra un exemple d'un selector de classes definit en CSS.
.my_class {
color: blau;
pes de la font: negreta;
}
HTML pot fer referència a la classe definida en CSS utilitzant la classe d'atribut tal com es mostra a continuació.
Aquest és el meu format
Aquest és el meu format de nou
Com es mostra més amunt, la mateixa classe es pot utilitzar per a diversos elements i un sol element pot utilitzar diverses classes. Quan s'utilitzen diverses classes al mateix element, les classes s'insereixen a l'atribut de classe delimitat per un espai com es mostra a continuació.
Aquest és el meu format amb dues classes
Què és un identificador?
A CSS, el selector d'identificació es pot utilitzar per aplicar el vostre propi estil a un únic element únic. En CSS, un selector d'identificació s'identifica amb un hash (). A continuació es mostra un exemple d'un selector d'ID definit en CSS.
my_ID {
color: vermell;
text-align:right;
}
HTML pot fer referència al selector d'identificació definit a CSS mitjançant l'identificador d'atribut tal com es mostra a continuació.
Aquest és el meu selector de format d'identificador
Els ID són únics. Per tant, cada element només pot tenir un únic identificador i cada pàgina només pot tenir un únic element amb aquest identificador específic. Els identificadors tenen una característica important que es pot utilitzar amb un navegador. Si l'URL de la pàgina conté un valor hash (per exemple, https://myweb.commy_id), el navegador intentarà localitzar automàticament l'element amb l'identificador "my_id" i desplaçar-se per la pàgina web per mostrar aquest element. Aquest és un dels motius pels quals la pàgina hauria de tenir un sol element amb aquest identificador específic, de manera que el navegador pugui localitzar aquest element.
Quina diferència hi ha entre Classe i ID?
Tot i que tant el selector de classe com el selector d'identificació es poden utilitzar per aplicar el vostre propi estil als elements d'una pàgina web, tenen algunes diferències importants. El selector de classes es pot utilitzar per aplicar el vostre propi estil a un grup d'elements, mentre que el selector d'ID s'utilitza per aplicar un estil a un únic element únic. Quan s'utilitzen identificadors, cada element només pot tenir un únic identificador i cada pàgina només pot tenir un únic element amb aquest identificador específic, però Class es pot utilitzar per a diversos elements i un sol element pot utilitzar diverses classes. A més, l'ID es pot utilitzar per desplaçar una pàgina automàticament per mostrar l'element amb aquest ID, però això no és possible amb el selector de classes.
