Ո՞րն է տարբերությունը CSS ընտրիչ դասի և id-ի միջև: ID-ի և դասի օգտագործումը HTML-ում

Ո՞րն է տարբերությունը CSS ընտրիչ դասի և id-ի միջև: ID-ի և դասի օգտագործումը HTML-ում

Չեն Վայլյաններկայումս իրականացվում էSEO, օպտիմալացնել կայքըWordPressթեման։

Թեև նախկինում սովորել եմ HTML-ի և CSS-ի որոշ տարրական գիտելիքներ, բայց որոշ ժամանակ չէի շահագործում այն, հատկապես CSS մասի օգտագործումը, դա հեշտ է մոռանալ:

Այսպիսով, գրանցեք և ամփոփեք CSS ընտրիչի id-ի և դասի տարբերությունն ու օգտագործումը այստեղ.

• id-ը համապատասխանում է #div-ին
• դասը համապատասխանում է .div

ID-ի և դասի տարբերությունը

նույնականացման նկարագրությունը

• id-ը ֆիքսված թեգ է, որն օգտագործվում է վեբ էջի ավելի մեծ ոճը սահմանելու համար, որը սահմանվում է #div-ի տեսքով:
• Օրինակ՝ բաժանարար սյունակներ, վերև, մարմին, ներքև և այլն...
• Օգտագործվում է որոշակի տարր սահմանելու համար, որը կարող է հայտնվել միայն մեկ էջի համար և չի կարող բազմիցս կանչվել:

դասի նկարագրությունը

• Class-ը ոճերի խումբ է, որն օգտագործվում է վեբ էջի մանրամասն ոճերը սահմանելու համար, այն սահմանվում է .div ձևով և կարող է կրկնվել։
• Օրինակ՝ կոնկրետ մենյու, տեքստի տող և այլն...
• Նույն էջում այն ​​կարող է բազմիցս կանչվել մի քանի տարրերով

Div ընտրիչն ինքնին չունի հատկություններ: Սահմանելով իր css-ը, այն վերահսկում է որոշ դասավորություններ, ինչպիսիք են div-ի լայնությունը, բարձրությունը, ֆոնի գույնը և տեքստի չափը:

ԳեներալԷլեկտրոնային առևտուրկայք,կառուցել կայքԾրագրի կողմից ստեղծված html վեբ էջը պետք է իրականացնի էջի դասավորությունը CSS-ի միջոցով:

Ինչ է ընտրողը:

Յուրաքանչյուր CSS ոճի սահմանումը բաղկացած է 2 մասից.

选择器 {样式}

• {}-ից առաջ հատվածը «ընտրիչ» է։
• «Ընտրիչը» ցույց է տալիս {}-ի «ոճը», որին այն գործում է:
• Այսինքն՝ վեբ էջի ո՞ր տարրի վրա է աշխատում այս «ոճը»։

կոդի օրինակ

Ահա թե ինչպես ընտրել և ոճավորել class="կողմագոտի" տարրը.

.sidebar
{ 
background-color:black;
}

Ահա թե ինչպես ընտրել և ոճավորել տարրը id="footer"-ով.

#footer
{ 
background-color:black;
}