مختار العنصر CSS

مختار العنصر CSS

أكثر محددو CSS شيوعًا هو محددو العناصر. بمعنى آخر، العناصر في المستند هي المحدد الأساسي.

عند تعيين نمط HTML، يكون المحدد غالبًا عنصرًا HTML مثل p أو h1 أو em أو a، حتى يمكن أن يكون html نفسه:

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

تجربة شخصية

يمكن تحويل النمط من عنصر إلى آخر.

افترض أنك قررت تعيين النمط للنصوص في الفقرات (p) بدلاً من عناصر h1. فقط قم بتغيير محدد h1 إلى p:

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

تجربة شخصية

المحددون النوعيون

في معايير W3C، يُطلق على محددو العناصر اسم محددو النوع (selectors).

“المحددون النوعيون يطابقون أسماء أنواع العناصر في اللغة المستند. المحددون النوعيون يطابقون كل حالة من حالات نوع العنصر في شجرة المستند.”

القواعد التالية تطابق جميع عناصر 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>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>

مستند 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، يرجى زيارة دليل XML.