CSS ఎలమెంట్ సెలెక్టర్

CSS ఎలమెంట్ సెలెక్టర్

అత్యంత సాధారణ CSS ఎంపికకర్తలు కొలువల ఎంపికకర్తలు. అనేకందుకు, పత్రములోని కొలువలు అత్యంత ప్రాథమిక ఎంపికకర్తలు.

HTML స్టైల్స్ అమర్చడానికి, ఎంపికకర్త సాధారణంగా కొన్ని HTML కొలువలు, ఉదాహరణకు p, h1, em, a, లేదా స్వయం హెడ్ల్ ఉంటుంది:

html {color:black;}
h1 {color:blue;}
h2 {color:silver;}

స్వయంగా ప్రయత్నించండి

ఒక కొలువలను ఒక కొలువలకు మార్చవచ్చు.

మీరు పైన పాఠం (h1 కొలువలకు కాదు) ముగ్గురు రంగులో చేయడానికి నిర్ణయించినట్లయితే, మాత్రమే h1 ఎంపికకర్తను p: గా మార్చండి:

html {color:black;}
p {color:gray;}
h2 {color:silver;}

స్వయంగా ప్రయత్నించండి

రకం ఎంపికకర్త

W3C ప్రమాణాలలో, కొలువల ఎంపికకర్త అనేది రకం ఎంపికకర్త (type selector) అని పిలుస్తారు.

“రకం ఎంపికకర్త పత్రములోని కొలువల రకం పేరును సరిపోలుతుంది. రకం ఎంపికకర్త పత్రములో ఈ కొలువల రకం ప్రతి ప్రతిరూపాన్ని సరిపోలుతుంది.”

ఈ నియమం పత్రములోని అన్ని h1 కొలువలను సరిపోలుతుంది:

h1 {font-family: sans-serif;}

దానికి కారణం, మేము XML పత్రంలోని కొలువలకు స్టైల్స్ అమర్చవచ్చు:

XML పత్రం:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="note.css"?>
<note>
George
John
Reminder
Don't forget the meeting!

CSS 文档：

note
  {
  font-family:Verdana, Arial;
  margin-left:30px;
  }
to
  {
  font-size:28px;
  display: block;
  }
from
  {
  font-size:28px;
  display: block;
  }
heading
  {
  color: red;
  font-size:60px;
  display: block;
  }
body
  {
  color: blue;
  font-size:35px;
  display: block;
  }

ప్రభావాన్ని చూడండి

పైని ఉదాహరణల ద్వారా, CSS ఎలమెంట్ సెలెక్టర్స్ (టైప్ సెలెక్టర్) XML డాక్యుమెంట్లో ఎలమెంట్స్ యొక్క స్టైల్స్ జోడించవచ్చు.

మీరు XML డాక్యుమెంట్లకు స్టైల్స్ జోడించడం గురించి మరింత తెలుసుకోవడానికి, CodeW3C యొక్క XML ట్యూటోరియల్。