რა განსხვავებაა CSS სელექტორის კლასსა და id-ს შორის? id და კლასის გამოყენება HTML-ში

რა განსხვავებაა CSS სელექტორის კლასსა და id-ს შორის? id და კლასის გამოყენება HTML-ში

ჩენ ვეილიანგიამჟამად მიმდინარეობსSEO, საიტის ოპტიმიზაციაWordPressთემა.

მართალია, ადრე ვისწავლე HTML და CSS-ის ძირითადი ცოდნა, მაგრამ დიდი ხანია არ ვმუშაობდი, განსაკუთრებით CSS ნაწილის გამოყენება, ადვილი დასავიწყებელია.

ასე რომ, ჩაწერეთ და შეაჯამეთ CSS სელექტორის ID და კლასის განსხვავება და გამოყენება აქ:

• id შეესაბამება #div
• კლასი შეესაბამება .div

განსხვავება id-სა და კლასს შორის

ID აღწერა

• id არის ფიქსირებული ტეგი, რომელიც გამოიყენება ვებ გვერდზე უფრო დიდი სტილის დასადგენად, რომელიც განისაზღვრება #div-ის სახით.
• მაგალითად: გამყოფი სვეტები, ზედა, სხეული, ქვედა და ა.შ.
• გამოიყენება კონკრეტული ელემენტის დასადგენად, რომელიც შეიძლება გამოჩნდეს მხოლოდ ერთხელ გვერდზე და არ შეიძლება განმეორებით გამოძახება.

კლასის აღწერა

• Class არის სტილის ჯგუფი, რომელიც გამოიყენება ვებ გვერდზე დეტალური სტილის დასადგენად, განსაზღვრულია .div სახით და შეიძლება განმეორდეს.
• მაგალითად: კონკრეტული მენიუ, ტექსტის ხაზი და ა.შ.
• იმავე გვერდზე, ის შეიძლება განმეორებით გამოიძახოს მრავალი ელემენტით

თავად div სელექტორს არ აქვს თვისებები. მისი css-ის განსაზღვრით, ის აკონტროლებს ზოგიერთ განლაგებას, როგორიცაა სიგანე, სიმაღლე, ფონის ფერი და ტექსტის ზომა div.

的ელექტრონული კომერციავებგვერდი,ააშენეთ სადგურიპროგრამის მიერ გენერირებული html ვებ გვერდი არის გვერდის განლაგების რეალიზება CSS-ის საშუალებით.

რა არის სელექტორი?

თითოეული CSS სტილის განმარტება შედგება 2 ნაწილისგან:

选择器 {样式}

• ნაწილი {}-ის წინ არის "სელექტორი".
• "სელექტორი" მიუთითებს {}-ის "სტილზე", რომელზეც ის მოქმედებს.
• ანუ ვებგვერდის რომელ ელემენტზე მუშაობს ეს „სტილი“?

კოდის მაგალითი

აი, როგორ უნდა აირჩიოთ და დაასტირიოთ class="გვერდითი ზოლის" ელემენტი:

.sidebar
{ 
background-color:black;
}

აი, როგორ ავირჩიოთ და დაასტირიოთ ელემენტი id="footer"-ით:

#footer
{ 
background-color:black;
}