الفرق بين المراجعتين لصفحة: «CSS/::selection»

مراجعة 15:36، 28 يناير 2018

العنصر الزائف ‎::selection‎ في CSS (أي pseudo-element) يُمثِّل نصًّا في المستند الذي حدده المستخدم (باستخدام المؤشر مثلًا).

::selection {
  color: gold;
  background: red;
}

الشكل العام لهذا المحدد:

::selection
::-moz-selection

لا يسمَح إلا باستخدام مجموعة جزئية من خاصيات CSS:

أمثلة

مثال عن استخدام هذا العنصر الزائف لتنسيق النص الذي حدَّده المستخدم:

<div>This text has special styles when you highlight it.</div>
<p>Also try selecting text in this paragraph.</p>

شيفرة CSS:

::-moz-selection {
  color: gold;
  background: red;
}

::selection {
  color: gold;
  background: red;
} 

p::-moz-selection {
  color: white;
  background: blue;
}

p::selection {
  color: white;
  background: blue;
}

دعم المتصفحات

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الأساسي	1.0	1.0 (مع السابقة `-moz-`)	9.0	9.5	1.1

مصادر ومواصفات

مسودة CSS Pseudo-Elements Level 4.

لاحظ أنَّ العنصر الزائف ‎::selection‎ كان موجودًا في مسودة CSS Selectors Level 3، لكنه حُذِفَ بعد ذلك عند إصدار المواصفة بسبب بعض المشاكل، لكن العنصر الزائف ‎::selection‎ قد أُعيد تعريفه في مواصفة Pseudo-Elements Level 4.

@@ سطر 62: / سطر 62: @@
 * مسودة [https://drafts.csswg.org/css-pseudo-4/#selectordef-selection CSS Pseudo-Elements Level 4].
 لاحظ أنَّ العنصر الزائف <code>‎::selection</code>‎ كان موجودًا في مسودة CSS Selectors Level 3، لكنه حُذِفَ بعد ذلك عند إصدار المواصفة بسبب بعض المشاكل، لكن العنصر الزائف <code>‎::selection</code>‎ قد أُعيد تعريفه في مواصفة [http://dev.w3.org/csswg/css-pseudo-4/ Pseudo-Elements Level 4].
-[[تصنيف:CSS]]
+[[تصنيف:CSS|{{SUBPAGENAME}}]]
-[[تصنيف:CSS Selectors]]
+[[تصنيف:CSS Selectors|{{SUBPAGENAME}}]]
-[[تصنيف:CSS pseudo-element]]
+[[تصنيف:CSS pseudo-element|{{SUBPAGENAME}}]]