دليل مرجعي CSS

CSS @ القواعد (RULES)

مجموعة الخصائص CSS

CSS + المحايد الأخواني المختار

اختيار المحايد الأخواني المختار (+) بين الخيارات، عندما يكون العنصر الثاني يتبع العنصر الأول، وكل العناصر تتبع نفس العنصر الأب، يتم اختيار العنصر الثاني.

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

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

اختر جميع العناصر التالية لـ <div> والـ <p> الأولى والـ <span> الأولى:

مثال

<!DOCTYPE html>
<html>
<title>موقع الدروس الأساسية (oldtoolbag.com)</title>
<head>
<style>
div+p
{
background-color:red;
color:white;
}
div+span {
　　background-color: DodgerBlue;
}
</style>
</head>
<body>
<h1>مرحبًا بك في موقع الدروس الأساسية (ar.oldtoolbag.com)</h1>
<div>
<p>عنوان موقعنا هو: ar.oldtoolbag.com.</p>
<p>اسم موقعنا هو: موقع الدروس الأساسية.</p>
<span>عرض المحايد الأخواني المختار</span>
<span>عرض المحايد الأخواني المختار</span>
</div>
<p>نقدم لك جميع الدروس الأساسية لتعلم، وتعلم الأساسيات، يمكنك الذهاب إلى أبعد مدى!</p>
</body>
</html>

اختبار لـ ‹/›

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

former_element + target_element { style properties }

element+element　 المحايد الأخواني المختار يستخدم لاختيار العنصر التالي (ليس الداخلي) للعنصر المحدد.

توافق المتصفحات

IEFirefoxOperaChromeSafari

دعم جميع المتصفحات الشائعة element+element المحايد الأخواني المختار

النقطة: 　element+elementعند تشغيله في IE8، يجب التأكيد 　<!DOCTYPE>دليل مرجعي شامل للخيارات CSS

وظائف CSS دليل الكامل للوحدات في CSS