Каква е разликата между класа на CSS селектор и id? използване на идентификатор и клас в HTML

Каква е разликата между класа на CSS селектор и id? използване на идентификатор и клас в HTML

Чен Уейлиангнаскоро изпълнениSEO, за оптимизиране на сайтаWordPressтема.

Въпреки че научих някои основни познания по HTML и CSS преди, но не съм работил с него от известно време, особено използването на CSS част, лесно се забравя.

И така, запишете и обобщете разликата и използването на идентификатора и класа на CSS селектор тук:

• id съответства на #div
• клас съответства на .div

Разликата между id и клас

описание на идентификатора

• id е фиксиран етикет, който се използва за дефиниране на по-големия стил в уеб страницата, който е дефиниран под формата на #div
• Например: разделителни колони, горна част, тяло, дъно и т.н.
• Използва се за дефиниране на конкретен елемент, който може да се появи само веднъж на страница и не може да се извиква многократно.

описание на класа

• Class е стилова група, която се използва за дефиниране на подробните стилове в уеб страницата.Дефинирана е под формата на .div и може да се повтаря.
• Например: конкретно меню, ред текст и т.н.
• На една и съща страница той може да бъде извикан многократно от множество елементи

Самият селектор на div няма свойства. Като дефинира своя css, той контролира някои оформления като ширина, височина, цвят на фона и размер на текста на div.

ОбщЕлектронна търговия网站 、Изградете станцияHTML уеб страницата, генерирана от програмата, трябва да реализира оформлението на страницата чрез CSS.

Какво е селектор?

Дефиницията на всеки CSS стил се състои от 2 части:

选择器 {样式}

• Частта преди {} е "селектор".
• „Селекторът“ показва „стила“ на {}, към който действа.
• Тоест на кой елемент от уеб страницата работи този "стил"?

примерен код

Ето как да изберете и стилизирате елемент class="sidebar":

.sidebar
{ 
background-color:black;
}

Ето как да изберете и стилизирате елемент с id="footer":

#footer
{ 
background-color:black;
}