У чым розніца паміж класам селектара CSS і id? выкарыстанне id і класа ў HTML

У чым розніца паміж класам селектара CSS і id? выкарыстанне id і класа ў HTML

Чэнь Вэйляннядаўна выкананыSEO, для аптымізацыі сайтаWordPressтэма.

Нягледзячы на ​​тое, што я даведаўся некаторыя асноўныя веды HTML і CSS раней, але я не працаваў з імі на працягу доўгага часу, асабліва выкарыстанне часткі CSS, гэта лёгка забыцца.

Такім чынам, запішыце і абагульніце тут розніцу і выкарыстанне ідэнтыфікатара і класа селектара CSS:

• id адпавядае #div
• клас адпавядае .div

Розніца паміж id і class

апісанне ідэнтыфікатара

• id - гэта фіксаваны тэг, які выкарыстоўваецца для вызначэння большага стылю вэб-старонкі, які вызначаецца ў выглядзе #div
• Напрыклад: раздзяляльныя слупкі, верх, цела, ніз і г.д.
• Ён выкарыстоўваецца для вызначэння пэўнага элемента, які можа з'явіцца толькі адзін раз на старонцы і не можа быць выкліканы паўторна.

апісанне класа

• Клас - гэта група стыляў, якая выкарыстоўваецца для вызначэння падрабязных стыляў на вэб-старонцы. Яна вызначаецца ў выглядзе .div і можа паўтарацца.
• Напрыклад: пэўнае меню, радок тэксту і г.д.
• На адной старонцы ён можа быць выкліканы некалькімі элементамі

Сам селектар div не мае ўласцівасцей. Вызначаючы свой CSS, ён кантралюе некаторыя макеты, такія як шырыня, вышыня, колер фону і памер тэксту div.

ГенералЭлектронная камерцыявэб -сайт,стварыць вэб-сайтВэб-старонка HTML, створаная праграмай, павінна рэалізаваць макет старонкі праз CSS.

Што такое селектар?

Вызначэнне кожнага стылю CSS складаецца з 2 частак:

选择器 {样式}

• Частка перад {} - гэта "селектар".
• "Селектар" паказвае "стыль" {}, да якога ён дзейнічае.
• Гэта значыць, на якім элеменце вэб-старонкі працуе гэты "стыль"?

прыклад кода

Вось як выбраць і стылізаваць элемент class="sidebar":

.sidebar
{ 
background-color:black;
}

Вось як выбраць і стылізаваць элемент з id="footer":

#footer
{ 
background-color:black;
}