ما علامة النجمة (*) في محدد CSS?

Question

لقد وجدت هذا كود CSS و أجريت لمعرفة ماذا يفعل فقد عرض كل عنصر على الصفحة ،

يمكن للشخص أن يفسر ما النجمة * في CSS ؟

<style>
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
</style>

Answer 1

بل هو البدل ، وهذا يعني أنه سيتم تحديد جميع العناصر داخل هذا الجزء من DOM.

على سبيل المثال, إذا كنت تريد تطبيق الهامش إلى كل عنصر على صفحة كاملة يمكنك استخدامها:

* {
    margin: 10px;
}

يمكنك أيضا استخدام هذا ضمن sub-تشكيلة, على سبيل المثال بعد إضافة هامش ربح على كل العناصر ضمن علامة الفقرة:

p * {
    margin: 10px;
}

المثال الخاص بك هو القيام ببعض css الخداع تطبيق متتالية حدود هوامش عناصر لمنحهم الملونة متعددة الحدود.على سبيل المثال, حدود بيضاء محاطة الحدود السوداء.

Answer 2

CSS المشار إليها أن تقوم مفيد جدا ويب-مصمم من أجل التصحيح تخطيط الصفحة المشاكل.أنا غالبا ما أسقطه في الصفحة مؤقتا حتى أستطيع أن أرى حجم كل عناصر الصفحة و تعقب على سبيل المثال الشخص الذي لديه الكثير من الحشو الذي هو بايعاز من العناصر الأخرى للخروج من المكان.

نفس الخدعة يمكن القيام به فقط مع السطر الأول ، ولكن ميزة تحديد متعددة توضح أن تحصل على فكرة بصرية عبر الحدود اللون إلى التسلسل متداخلة عناصر الصفحة.

Answer 3

* هو البدل.ما يعني أنه سيتم تطبيق النمط إلى أي عنصر HTML.إضافية *'s تطبيق أسلوب المقابلة مستوى التعشيش.

هذا محدد سيتم تطبيق مختلف الخطوط العريضة الملونة إلى جميع عناصر الصفحة ، اعتمادا على العناصر هو مستوى التداخل.

Answer 4

* بمثابة البدل ، مثلما هو الحال في معظم حالات أخرى.

إذا كنت تفعل:

*{
  margin: 0px;
  padding: 0px;
  border: 1px solid red;
}

ثم كل عناصر HTML تلك الأساليب.

Answer 5

في ورقة الأنماط الخاصة بك ، غن كنت بحاجة إلى تحديد القاعدة الأساسية لكل عنصر مثل حجم الخط سمة الهوامش.{font-size:14px;هامش:0;padding:0;} / التجاوز المتصفح الافتراضي على العناصر ، كل النص حجم الخط سيتم تقديم 14 بكسل حجم صفر هامش الحشو ، بما في ذلك h1,...pre.*/