సిఎస్ఎస్ క్లాస్ సెలెక్టర్

CSS లో, క్లాస్ క్లెయిమర్లు ఒక పాయింట్ సింగిల్ గుర్తింపును చేయబడతాయి:

.center {text-align: center}

ఈ ఉదాహరణలో, కేంద్రంలో ఉన్న అన్ని HTML ఎలిమెంట్లు కేంద్రంలో ఉన్నాయి.

ఈ క్రింది HTML కోడ్‌లో h1 మరియు p ఎలిమెంట్లు కేంద్ర క్లాస్ ఉన్నాయి. ఇది రెండింటికీ ".center" క్లెయిమర్ లోని నియమాలను పాటించవలసి ఉంటుంది.

<h1 class="center">
ఈ హెడింగ్ కూడా మధ్యలో కేంద్రీకృతం కాగలదు
</h1>
<p class="center">
ఈ ప్యారాగ్రాఫ్ కూడా మధ్యలో కేంద్రీకృతం కాగలదు.
</p>

చూపుదల:క్లాస్ పేరు మొదటి అక్షరం సంఖ్యలను ఉపయోగించకూడదు! ఇది మొజిలా లేదా ఫైర్‌ఫాక్స్‌లో పనిచేయదు.

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 的高级教程：సిఎస్ఎస్ క్లాస్ సెలెక్టర్ వివరణ。