في CSS، يتم عرض محددات الفئة بنقطة:
.center {text-align: center}
في المثال أعلاه، يتم توسيط كافة عناصر HTML ذات الفئة المركزية.
في تعليمات HTML البرمجية التالية، يحتوي كل من عنصري h1 وp على الفئة المركزية. وهذا يعني أن كلاهما سيحترم القواعد الموجودة في محدد ".center".
<h1 class="center"> سيتم محاذاة هذا العنوان للوسط </h1> <p class="center"> سيتم محاذاة هذه الفقرة أيضًا للوسط </p>
*********************************
محدد الهوية
يمكن لمحدد المعرف تحديد نمط معين لعناصر HTML المميزة بمعرف محدد. يتم تعريف محدد المعرف بـ "#". محددي المعرف التاليين، الأول يمكنه تحديد لون العنصر باللون الأحمر، والثاني يمكنه تحديد لون العنصر باللون الأخضر:
#أحمر {اللون:أحمر؛} #أخضر {اللون:أخضر؛}
في تعليمات HTML البرمجية التالية، يتم عرض العنصر p ذو سمة المعرف باللون الأحمر باللون الأحمر، ويتم عرض العنصر p ذو سمة المعرف باللون الأخضر.
<p id="red">هذه الفقرة باللون الأحمر. </p> <p id="green">هذه الفقرة باللون الأخضر. </ص>
ملاحظة: يمكن أن تظهر سمة المعرف مرة واحدة فقط في كل مستند HTML. لمعرفة السبب، راجع XHTML: إعادة هيكلة موقع الويب.