محددات الفئات CSS

A cikin CSS, kwarin kwarin suna yi amfani da wato mai wato:

.center {text-align: center}

A cikin tashin haka, kowarun HTML da suka ɗauki kwarin 'center' suna da jiniyar gabaɗa.

A cikin kundin HTML da za a ƙera a cikin h�rɗin, kowarun h1 da p sune kwarin 'center'. Ɗa bai iya nuna cewa kowarun su zai saba da ɗaukar ɗaukar 'center' da za a iya amfani dashi.

<h1 class="center">
Kamfanin wannan zai yi amfani da jiniyar gabaɗa.
</h1>
<p class="center">
Kamfanin wannan zai yi amfani da jiniyar gabaɗa.
</p>

Kamfanin:Darakunci na farko na sunan kwarin ba zai iya amfani dashi ba. Ɗa bai iya ƙarɓaɗa a Mozilla ko Firefox.

Yayi da id, class za a iya amfani dashi domin kiyarwa:

.fancy td {
	color: #f60;
	background: #666;
	}

A cikin wannan tashin, kowarin na zaɓa ne da yake a cikin abin da yake ɗaya mai ɗaukar 'fancy', kowarun na yake cikin abin yake ɗaya mai ɗaukar 'fancy' su zai yi amfani da kowarun yanar zuriyar zuwa ɗan gina wato (abin da zaɓa yake ɗaya mai ɗaukar 'fancy' ya ƙi ƙarfe ko ɗaya mai ɗaukar 'div')

يمكن اختيار العناصر بناءً على فئاتها:

td.fancy {
	color: #f60;
	background: #666;
	}

في المثال السابق، سيكون العنصر الجدولي الفئوي fancy ذو خلفية رمادية وأصفر برتقالي.

<td class="fancy">

يمكنك تخصيص فئة fancy لأي عنصر جدول غير محدود في المرات. سيكون جميع الخلايا الم标注ة بـ fancy ذات خلفية رمادية وأصفر برتقالي. لن تؤثر هذه القاعدة على الخلايا التي لم تُخصص لها فئة تُدعى fancy. بالإضافة إلى ذلك، لن تكون الفقرات التي لها فئة fancy ذات خلفية رمادية وأصفر برتقالي، وكذلك أي عنصر آخر مُ标注 بـ fancy لن يتأثر بهذه القاعدة. هذا بسبب الطريقة التي كتبنا القاعدة بها، حيث يتم تحديد هذا التأثير على الخلايا الم标注ة بـ fancy (أي باستخدام عنصر td لاختيار الفئة fancy).

المحتوى المتعلق

إذا كنت بحاجة إلى تعلم المزيد عن محددات الفئات، يرجى قراءة دروس CodeW3C.com المتقدمة:تفصيل محددات الفئات CSS.