في CSS ، يمكنك تحديد العناصر ، class وتطبيق id الأنماط وتخصيص العناصر على صفحة الويب الخاصة بك. فيما يلي دليل مفصل حول كيفية استخدامها:
اختيار العناصر
لتحديد كل مثيلات عنصر HTML معين ، استخدم اسم العنصر كمحدد. على سبيل المثال ، p يحدد كل <p> العلامات في الوثيقة.
التحديد Class
لتحديد عناصر من نفس الفئة ، استخدم نقطة "." متبوعًا باسم الفصل. على سبيل المثال ، .my-class يختار كل العناصر مع الفصل my-class.
لتحديد عناصر بفئات متعددة ، استخدم النقاط "." وسرد أسماء الفئات مفصولة بمسافات. على سبيل المثال ، .class1.class2 يختار العناصر مع كل من class1 والفئات class2.
التحديد id
لتحديد عنصر معين من قبله id ، استخدم علامة التجزئة "#" متبوعة بالعنصر id. على سبيل المثال ، #my-id يحدد العنصر بامتداد id my-id.
الجمع Element والتحديدات Class _ ID _
يمكنك الجمع بين class تحديدات العناصر والمعرف لاستهداف عناصر محددة بفئات و ID.
على سبيل المثال ، div.my-class#my-id يحدد <div> العنصر الذي يحتوي على امتداد class my-class و ID my-id.
فيما يلي مثال محدد لاختيار العناصر ، class وفي id CSS:
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
باستخدام التحديدات والمعرفات ، يمكنك بسهولة تحديد وتصميم عناصر محددة أو مجموعات من العناصر على صفحة الويب الخاصة بك element. class