In CSS, is féidir leat eilimintí, class, a roghnú agus id stíleanna a chur i bhfeidhm agus eilimintí a shaincheapadh ar do leathanach gréasáin. Seo treoir mhionsonraithe ar conas iad a úsáid:
Roghnú Eilimintí
Chun gach cás d'eilimint HTML ar leith a roghnú, bain úsáid as ainm na heiliminte mar roghnóir. Mar shampla, p roghnaíonn gach <p> clib sa doiciméad.
Ag roghnú Class
Chun eilimintí a roghnú leis an rang céanna, úsáid ponc "." agus ainm an ranga ina dhiaidh. Mar shampla, .my-class roghnaíonn gach eilimint leis an rang my-class.
Chun eilimintí a bhfuil ilranganna acu a roghnú, úsáid poncanna "." agus déan liosta de na hainmneacha ranga atá deighilte le spásanna. Mar shampla, .class1.class2 roghnaíonn gnéithe leis an dá class1 agus class2 ranganna.
Ag roghnú id
Chun eilimint ar leith a roghnú de réir a id, úsáid hash " # " agus eilimint id. Mar shampla, #my-id roghnaíonn an eilimint leis an id my-id.
Comhcheangail Element, Class, agus ID Roghnaithe
Is féidir leat eilimintí, class, agus roghnúcháin aitheantais a chomhcheangal chun díriú ar ghnéithe ar leith le haicmí sonracha agus ID.
Mar shampla, div.my-class#my-id roghnaíonn an <div> eilimint leis an class my-class agus an ID my-id.
Seo sampla ar leith de roghnú eilimintí, class, agus id i CSS:
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
Trí úsáid a bhaint as element, class, agus roghnúcháin aitheantais, is féidir leat gnéithe sonracha nó grúpaí d'eilimintí ar leith a roghnú agus a stíl ar do leathanach gréasáin go héasca.