ماهو الإختلاف بين * وَ *|* على ملف css؟

من خلال الموقع الرسمي لـ W3C :

• *|ns : جميع العناصر ذات namespace ns.
• *|* : جميع  العناصر.
• *| : جميع العناصر التي لا تندرج ضمن أي namespace.
• * : إذا لم يتم تحديد أي namespace فإنها تكافئ *|*.
• إذن فإن * وَ *|* غير متشابهتين ولكل منهما استعمالاتها وإن تشابهتا في جزئية بسيطة.

مثال تطبيقي:

ملف css جُمعت فيه الخاصيتين:

@namespace "http://www.w3.org/2000/svg";

* {
  background: beige;
}
*|* {
  border: 1px solid;
}

ملف html:

<a href="#">This is some link</a>

<svg xmlns="http://www.w3.org/2000/svg">
  <a xlink:href="#">
    <text x="20" y="20">This is some link</text>
  </a>
</svg>

النتيجة المحصل عليها: