CSS အမျိုး ရိုက်ကူး

CSS တွင် အမည်အသားခေါ်အားဖြင့် အစားထိုးထားသည်

.center {text-align: center}

အခြေခံအကြောင်းကိစ္စမှာ အခြား center အမည်အသားဖြင့် ဖြစ်သော အသင်းကျောက်အရာတွေသည် အရှူးစောင့်စားထားသည်

အခြေခံအကြောင်းကိစ္စမှာ အသင်းကျောက် h1 နှင့် p အရာတွေသည် center အမည်အသားဖြင့် ဖြစ်သည်။ အမည်အသား center သည် အသင်းကျောက်အပ်ချိန် သို့မဟုတ် div ဖြစ်နိုင်သည်)

<h1 class="center">
အဆိုပါအခြေခံအကြောင်းကိစ္စသည် အရှူးစောင့်စားထားသည်
</h1>
<p class="center">
အဆိုပါအခြေခံအကြောင်းကိစ္စသည် အရှူးစောင့်စားထားသည်
</p>

မှတ်ချက်：class အမည်၏ ပထမအစားအစ်ကြောင်းကို နှုတ်သုံးလို့ မမူကြတော့ဘူး။ အမည်အသား fancy ဖြစ်သော အကွက်အရာသည် အသင်းကျောက်အပ်ချိန် သို့မဟုတ် div ဖြစ်နိုင်သည်)

id နှင့်အတူ class ကိုလည်း ခေတ်ချယ်ရမည်ဖြစ်သည်：

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

အခြေခံအကြောင်းကိစ္စမှာ ကိုယ်ဝင်အမည်အသား fancy ဖြစ်သော အကွက်အရာတွေသည် အသင်းကျောက်များသည် အရောင်ရှိ အပြင်အယာအား ဖော်ပြထားသည်။ (ကိုယ်ဝင်အမည်အသား fancy ဖြစ်သော အကွက်အရာသည် အသင်းကျောက်အပ်ချိန် သို့မဟုတ် div ဖြစ်နိုင်သည်)

元素也可以基于它们的类而被选择：

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

在上面的例子中，类名为 fancy 的表格单元将是带有灰色背景的橙色。

class="fancy">

你可以将类 fancy 分配给任何一个表格元素任意多的次数。那些以 fancy 标注的单元格都会是带有灰色背景的橙色。那些没有被分配名为 fancy 的类的单元格不会受这条规则的影响。还有一点值得注意，class 为 fancy 的段落也不会是带有灰色背景的橙色，当然，任何其他被标注为 fancy 的元素也不会受这条规则的影响。这都是由于我们书写这条规则的方式，这个效果被限制于被标注为 fancy 的表格单元（即使用 td 元素来选择 fancy 类）。

ကျမ်းကိုး

အမျိုး ရိုက်ကူး အကြောင်း ပို၍ သိရှိရန် ကျမ်းများကို ကြည့်တော်မူကြသည် - CodeW3C.com အမြင့်ဆုံး စစ်တမ်းCSS အမျိုး ရိုက်ကူး အသေးစိတ်。