კლასი წინააღმდეგ ID
კასკადური სტილის ცხრილები (CSS) არის ენა, რომელიც აღწერს მარკირების ენის გამოყენებით დაწერილი დოკუმენტის გარეგნობას და ფორმატირებას. CSS ფართოდ გამოიყენება HTML-ში დაწერილი ვებ გვერდების სტილისთვის. CSS საშუალებას გაძლევთ მიუთითოთ თქვენი საკუთარი სტილის ამომრჩევები HTML ელემენტებისთვის სტილის გამოყენების გარდა. ეს კეთდება ID და კლასის სელექტორების გამოყენებით. ერთი უნიკალური ელემენტისთვის სტილის მითითებისას გამოიყენება ID სელექტორი. ელემენტების ჯგუფისთვის სტილის მითითებისას გამოიყენება კლასის სელექტორი.
რა არის კლასი?
CSS-ში კლასის სელექტორი შეიძლება გამოყენებულ იქნას ელემენტების ჯგუფზე საკუთარი სტილის გამოსაყენებლად.კლასის სელექტორი გამოიყენება კონკრეტული სტილის გამოსაყენებლად იმავე კლასის ელემენტების ნაკრებისთვის. CSS-ში კლასის ამომრჩეველი იდენტიფიცირებულია წერტილით (.). ქვემოთ მოცემულია CSS-ში განსაზღვრული კლასის ამორჩევის მაგალითი.
.ჩემი_კლასი {
ფერი: ლურჯი;
შრიფტი-წონა: თამამი;
}
HTML შეიძლება მიუთითებდეს CSS-ში განსაზღვრულ კლასზე ატრიბუტის კლასის გამოყენებით, როგორც ეს ნაჩვენებია ქვემოთ.
ეს არის ჩემი ფორმატირება
ეს ისევ ჩემი ფორმატირებაა
როგორც ზემოთ იყო ნაჩვენები, ერთი და იგივე კლასი შეიძლება გამოყენებულ იქნას მრავალი ელემენტისთვის და ერთ ელემენტს შეუძლია გამოიყენოს მრავალი კლასი. როდესაც რამდენიმე კლასი გამოიყენება ერთსა და იმავე ელემენტში, კლასები ჩასმულია კლასის ატრიბუტში, რომელიც შემოიფარგლება სივრცით, როგორც ეს ნაჩვენებია ქვემოთ.
ეს არის ჩემი ფორმატირება ორი კლასის გამოყენებით
რა არის ID?
CSS-ში ID სელექტორი შეიძლება გამოყენებულ იქნას თქვენი საკუთარი სტილის ერთ უნიკალურ ელემენტზე გამოსაყენებლად. CSS-ში ID-ის სელექტორი იდენტიფიცირებულია ჰეშით (). ქვემოთ მოცემულია CSS-ში განსაზღვრული ID ამორჩევის მაგალითი.
ჩემი_ID {
ფერი: წითელი;
text-align:right;
}
HTML შეიძლება მიმართოს CSS-ში განსაზღვრულ ID-ს სელექტორს ატრიბუტის ID-ის გამოყენებით, როგორც ნაჩვენებია ქვემოთ.
ეს არის ჩემი ფორმატირების ფორმა ID ამომრჩეველი
ID უნიკალურია. ამიტომ თითოეულ ელემენტს შეიძლება ჰქონდეს მხოლოდ ერთი ID და თითოეულ გვერდს შეიძლება ჰქონდეს მხოლოდ ერთი ელემენტი ამ კონკრეტული ID-ით. ID-ებს აქვთ მნიშვნელოვანი მახასიათებელი, რომელიც შეიძლება გამოყენებულ იქნას ბრაუზერთან ერთად. თუ გვერდის URL შეიცავს ჰეშის მნიშვნელობას (მაგ. https://myweb.commy_id), ბრაუზერი შეეცდება ავტომატურად მოძებნოს ელემენტი ID-ით „my_id“და გადაახვიოს ვებ გვერდი ამ ელემენტის საჩვენებლად. ეს არის ერთ-ერთი მიზეზი, რის გამოც გვერდს უნდა ჰქონდეს ერთი ელემენტი ამ კონკრეტული ID-ით, რათა ბრაუზერმა შეძლოს ამ ელემენტის პოვნა.
რა განსხვავებაა კლასსა და ID-ს შორის?
მიუხედავად იმისა, რომ ორივე კლასის ამომრჩეველი და ID-ის ამომრჩეველი შეიძლება გამოყენებულ იქნას ვებ გვერდის ელემენტებზე თქვენი საკუთარი სტილის გამოსაყენებლად, მათ აქვთ მნიშვნელოვანი განსხვავებები.კლასის სელექტორი შეიძლება გამოყენებულ იქნას ელემენტების ჯგუფზე თქვენი საკუთარი სტილის გამოსაყენებლად, ხოლო ID სელექტორი გამოიყენება სტილის ერთ, უნიკალურ ელემენტზე გამოსაყენებლად. ID-ების გამოყენებისას, თითოეულ ელემენტს შეიძლება ჰქონდეს მხოლოდ ერთი ID და თითოეულ გვერდს შეიძლება ჰქონდეს მხოლოდ ერთი ელემენტი ამ კონკრეტული ID-ით, მაგრამ Class შეიძლება გამოყენებულ იქნას მრავალი ელემენტისთვის და ერთ ელემენტს შეუძლია გამოიყენოს მრავალი კლასი. გარდა ამისა, ID შეიძლება გამოყენებულ იქნას გვერდის ავტომატურად გადასასვლელად, რათა გამოჩნდეს ელემენტი ამ ID-ით, მაგრამ ეს შეუძლებელია კლასის ამორჩევით.
