دليل مرجعي CSS

قواعد CSS (RULES)

مجمع خصائص CSS

اختيار علامة * CSS *

مثال عبر الإنترنت

استخدام اختيار علامة * لاختيار جميع العناصر، وإعداد لون الخلفية وстиل النص:

مثال

<!DOCTYPE html>
<html>
<title>موقع الدروس الأساسية (oldtoolbag.com)</title>
<head>
<style>
*
{
background-color:green;
color:white;
}
</style>
</head>
<body>
<h1>مرحبًا بك في موقع الدروس الأساسية (ar.oldtoolbag.com)</h1>
<div class="content">
<p class="website">عنوان موقعنا هو: ar.oldtoolbag.com.</p>
<p class="sitename">اسم موقعنا هو: موقع الدروس الأساسية.</p>
</div>
<p>نقدم لك جميع الدروس الأساسية. تعلم الأساسيات بشكل جيد، يمكنك الذهاب أبعد!</p>
</body>
</html>

اختبارها أحرى

التعريف والاستخدام

اختيار علامة * يمكنه اختيار جميع العناصر.

اختيار علامة * يمكنه أيضًا اختيار جميع العناصر داخل علامة أخرى:

مثال عبر الإنترنت

اختيار جميع العناصر داخل علامة <div>:

مثال

<!DOCTYPE html>
<html>
<title>موقع الدروس الأساسية (oldtoolbag.com)</title>
<head>
<style>
div *
{
background-color:green;
}
</style>
</head>
<body>
<h1>مرحبًا بك في موقع الدروس الأساسية (ar.oldtoolbag.com)</h1>
<div class="content">
<p class="website">عنوان موقعنا هو: ar.oldtoolbag.com.</p>
<p class="sitename">اسم موقعنا هو: موقع الدروس الأساسية.</p>
</div>
<p>نقدم لك جميع الدروس الأساسية. تعلم الأساسيات بشكل جيد، يمكنك الذهاب أبعد!</p>
</body>
</html>

اختبارها أحرى

تطابق المتصفحات

IEFirefoxOperaChromeSafari

كل المتصفحات الشائعة تدعم اختيار *.

دليل مرجعي شامل للاختيارات CSS

وظائف CSS دليل اختيارors الخاصة بCSS