CSS-ში შეგიძლიათ აირჩიოთ ელემენტები, class და id გამოიყენოთ სტილი და დააკონფიგურიროთ ელემენტები თქვენს ვებ გვერდზე. აქ არის დეტალური სახელმძღვანელო მათი გამოყენების შესახებ:
ელემენტების შერჩევა
კონკრეტული HTML ელემენტის ყველა მაგალითის შესარჩევად, გამოიყენეთ ელემენტის სახელი, როგორც ამომრჩეველი. მაგალითად, p ირჩევს ყველა <p> ტეგს დოკუმენტში.
შერჩევა Class
იმავე კლასის ელემენტების ასარჩევად გამოიყენეთ წერტილი "." მოჰყვება კლასის სახელი. მაგალითად, .my-class ირჩევს ყველა ელემენტს კლასთან ერთად my-class.
მრავალი კლასის მქონე ელემენტების ასარჩევად გამოიყენეთ წერტილები "." და ჩამოთვალეთ კლასების სახელები, რომლებიც გამოყოფილია ინტერვალით. მაგალითად, .class1.class2 ირჩევს ელემენტებს ორივე class1 და class2 კლასებით.
შერჩევა id
კონკრეტული ელემენტის არჩევისთვის id გამოიყენეთ ჰეში "#", რასაც მოჰყვება ელემენტის id. მაგალითად, #my-id ირჩევს ელემენტს id my-id.
კომბინირება Element, Class და ID შერჩევა
თქვენ შეგიძლიათ დააკავშიროთ ელემენტები, class, და id შერჩევები კონკრეტული ელემენტების მიზნებისთვის კონკრეტულ კლასებთან და ID.
მაგალითად, div.my-class#my-id ირჩევს <div> ელემენტს class my-class და ID my-id.
აქ მოცემულია ელემენტების არჩევის კონკრეტული მაგალითი, class და id 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;
}
element, , და id შერჩევის გამოყენებით class, თქვენ შეგიძლიათ მარტივად შეარჩიოთ და დააკორექტიროთ კონკრეტული ელემენტები ან ელემენტების ჯგუფები თქვენს ვებ გვერდზე.