Що означає подвійна двокрапка ( ::) у CSS?
Наприклад:
input[type=text]::-ms-clear { display: none; }Що означає подвійна двокрапка ( ::) у CSS?
Наприклад:
input[type=text]::-ms-clear { display: none; }Відповіді:
Це означає селекторний псевдоелемент . Це означає, що елемент праворуч не існує у звичайному DOM, але може бути обраний.
Псевдоелемент складається з двох колонок (: :) з наступною назвою псевдоелемента.
Спочатку він був тільки один двокрапка, але був змінений , щоб відрізнити його від класів псевдо (як :hover, :first-child, і :notт.д.). Краще використовувати :для псевдоелементів beforeта afterелементів, оскільки одна товста кишка має кращу підтримку браузера, а саме у попередніх версіях IE.
::Оператор означає , що ви вибираєте псевдо елемент , один з яких на самому ділі не існує як елемент , але все ще може бути направлена для укладання.
Приклад цього включає кілька реалізацій для конкретних постачальників, таких як -ms-clearзразок, який ви надаєте; у більшості браузерів також є псевдоелементи для стилів смуг прокрутки та інші вроджені елементи інтерфейсу, але також є багато попередньо визначених псевдоелементів, на які можна посилатися з практичних причин, такі як first-lineі first-letter.
Ці :beforeта :afterпсевдо - елементи навіть дозволяють вставляти фактичний вміст в сторінку з допомогою CSS з contentправилом.
CSS3 змінює спосіб вибору псевдоелементів, оскільки W3C хотів відрізняти псевдокласи, як a:visitedвід псевдоелементів на кшталт p::first-line. Див. Розширені селектори CSS .