CSS селектор классы менен id ортосунда кандай айырма бар? HTMLде id жана класстын колдонулушу

CSS селектор классы менен id ортосунда кандай айырма бар? HTMLде id жана класстын колдонулушу

Чен Вейлянучурда аткаруудаSEO, сайтты оптималдаштырууWordPressтема.

Мен буга чейин кээ бир негизги HTML жана CSS билимдерин үйрөнсөм да, бирок аны бир аздан бери иштете элекмин, айрыкча CSS бөлүгүн колдонуу, аны унутуу оңой.

Ошентип, бул жерде CSS селекторунун идентификаторунун жана классынын айырмасын жана колдонулушун жазыңыз жана жалпылаңыз:

• id #divге туура келет
• класс .divге туура келет

Идентификатор менен класстын айырмасы

ID сыпаттамасы

• id - бул #div түрүндө аныкталган веб-баракчадагы чоңураак стилди аныктоо үчүн колдонулган туруктуу тег.
• Мисалы: мамычаларды бөлүү, үстү, денеси, асты ж.б.
• Ал белгилүү бир элементти аныктоо үчүн колдонулат, ал бир бетке бир жолу гана пайда болот жана кайра кайра чакырылышы мүмкүн эмес.

класстын сүрөттөлүшү

• Класс - бул веб-баракчадагы деталдуу стилдерди аныктоо үчүн колдонулган стилдер тобу, ал .div түрүндө аныкталат жана кайталанышы мүмкүн.
• Мисалы: белгилүү бир меню, текст сапы, ж.
• Ошол эле бетте, ал бир нече элементтер тарабынан кайра-кайра чакырылышы мүмкүн

div селекторунун өзүндө касиеттери жок.Өзүнүн CSS аныктоо менен ал divтин туурасы, бийиктиги, фонунун түсү жана тексттин өлчөмү сыяктуу кээ бир макеттерди көзөмөлдөйт.

жалпыE-соодавеб-сайт,веб-сайт курууПрограмма тарабынан түзүлгөн html веб-баракчасы CSS аркылуу барактын макетін ишке ашыруу болуп саналат.

селектор деген эмне?

Ар бир CSS стилинин аныктамасы 2 бөлүктөн турат:

选择器 {样式}

• {} алдындагы бөлүк "тандоочу" болуп саналат.
• "Тандоочу" ал аракет кылган {} "стилин" көрсөтөт.
• Башкача айтканда, бул "стиль" веб-баракчанын кайсы элементинде иштейт?

код мисалы

Бул жерде класс = "каптал" элементин кантип тандоо жана стилдөө керек:

.sidebar
{ 
background-color:black;
}

Бул жерде id="footer" менен элементти кантип тандоо жана стилдөө керек:

#footer
{ 
background-color:black;
}