Katika CSS, unaweza kuchagua vipengele, class, na id kutumia mitindo na kubinafsisha vipengele kwenye ukurasa wako wa wavuti. Hapa kuna mwongozo wa kina wa jinsi ya kuzitumia:
Kuchagua Vipengele
Ili kuchagua matukio yote ya kipengele maalum cha HTML, tumia jina la kipengele kama kiteuzi. Kwa mfano, p huchagua <p> lebo zote kwenye hati.
Kuchagua Class
Ili kuchagua vipengele vilivyo na darasa sawa, tumia nukta "." ikifuatiwa na jina la darasa. Kwa mfano, .my-class huchagua vipengele vyote vilivyo na darasa my-class.
Ili kuchagua vipengele vilivyo na madarasa mengi, tumia dots "." na orodhesha majina ya darasa yaliyotenganishwa na nafasi. Kwa mfano, .class1.class2 huchagua vipengele na wote wawili class1 na class2 madarasa.
Kuchagua id
Ili kuchagua kipengee maalum na its id, tumia heshi "#" ikifuatiwa na kipengele cha id. Kwa mfano, #my-id huchagua kipengee na id my-id.
Kuchanganya Element, Class, na ID Uteuzi
Unaweza kuchanganya kipengee, class, na chaguo za kitambulisho ili kulenga vipengele maalum na madarasa maalum na ID.
Kwa mfano, div.my-class#my-id huchagua <div> kipengee class my-class na ID my-id.
Hapa kuna mfano maalum wa kuchagua vitu, class, na id katika 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;
}
Kwa kutumia element, class, na uteuzi wa vitambulisho, unaweza kuchagua na kuweka mtindo wa vipengele maalum au vikundi vya vipengele kwenye ukurasa wako wa wavuti kwa urahisi.