CSS atlasītāji tiek izmantoti lai atlasītu saturu, kuru vēlaties veidot stilu . Atlasītāji ir CSS noteikumu kopas daļa. CSS atlasītāji atlasa HTML elementus pēc tā id, klases, veida, atribūta utt.
CSS ir vairāki dažādi atlasītāju veidi.
- CSS elementu atlasītājs
- CSS ID atlasītājs
- CSS klases atlasītājs
- CSS universālais atlasītājs
- CSS grupas atlasītājs
1) CSS elementu atlasītājs
Elementu atlasītājs atlasa HTML elementu pēc nosaukuma.
pitonu šķirošanas korteži
p{ text-align: center; color: blue; } <p>This style will be applied on every paragraph.</p> <p id="para1">Me too!</p> <p>And me!</p>Izmēģiniet to tūlīt
Izvade:
Šis stils tiks lietots katrā rindkopā.
ES arī!
Un es!
2) CSS ID atlasītājs
ID atlasītājs atlasa HTML elementa id atribūtu, lai atlasītu konkrētu elementu. ID vienmēr ir unikāls lapā, tāpēc tas tiek izvēlēts, lai atlasītu vienu unikālu elementu.
To raksta ar jaucējrakstu (#), kam seko elementa id.
sql ddl komandas
Ņemsim piemēru ar id 'para1'.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p>Izmēģiniet to tūlīt
Izvade:
Sveiki Javapoint.com
Šis punkts netiks ietekmēts.
3) CSS klases atlasītājs
Klases atlasītājs atlasa HTML elementus ar noteiktu klases atribūtu. To lieto ar punkta rakstzīmi. (pilnas pieturas simbols), kam seko klases nosaukums.
kā pārvērst virkni par veselu skaitli
Piezīme. Klases nosaukumu nedrīkst sākt ar skaitli.
Ņemsim piemēru ar klases 'centru'.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p>Izmēģiniet to tūlīt
Izvade:
Sveiki Javapoint.com
Sveiki, Javatpoint.com (mazākā fontā)
Šī ir rindkopa.