Сценарием CS является CLR основанная на (общеязыковой среде выполнения) система сценариев, которая использует совместимый ECMA C# в качестве языка программирования. Сценарий CS в настоящее время предназначается для реализации Microsoft CLR и имеет полную поддержку на Моно.
Как следует из названия счетчики CSS являются переменными, которые сохраняются и управляются правилами CSS считать количество раз, они использовались в рамках документа. Их значение недоступно за пределами CSS и обычно используется в качестве содержания псевдоэлемента. Добавьте этот тег для вопросов, касающихся использования счетчиков CSS. Для других типов счетчиков используйте универсальный тег.
Счетчики CSS являются переменными, которые сохраняются и управляются правилами CSS считать количество раз, они использовались в рамках документа.
Значение переменной счетчика может быть изменено при помощи любого из следующих свойств:
Сброс счетчика - Это устанавливает значение или в противоречии с 0 (значение по умолчанию) или в противоречии с заданное значение. Это - первый шаг в использовании счетчиков, поскольку это инициализирует переменную счетчика.
Синтаксис counter-reset: [counter-name] [value]
.
Несколько счетчиков могут также быть сброшены одновременно путем обеспечения встречных имен, и его значения в пространстве разделили способ (как counter-reset: counter1 3 counter2 5;
).
Встречный Инкремент - Это увеличивает значение счетчика каждый раз, правило селектора CSS подобрано. Приращение по умолчанию 1, но подобный свойству сброса счетчика, здесь также фактор приращения может быть указан.
Синтаксис counter-increment: [counter-name] [incrementation-factor]
.
Снова подобный свойству сброса счетчика, здесь также несколько счетчиков могут быть увеличены одновременно при помощи разделенного списка пространства.
Все встречные значения могут в настоящее время отображаться только при помощи content
свойство псевдоэлемента. Также возможно разработать счетчик путем определения стиля как второго аргумента. Список поддерживаемых значений совпадает с для свойства типа стиля списка.
Синтаксис content: counter([counter-name], [counter-style])
.
Встречные значения не доступны за пределами CSS (то есть, их значение в настоящее время не может читаться с помощью JavaScript или подобных).
Пример: Ниже демонстрационный отрывок, который рассчитывает нет. из строк в таблице и динамично добавляет номер строки к каждой строке. Вот демонстрационная скрипка, которая показывает ниже кода в действии.
table { counter-reset: rows; /* initialize the counter */ } tr { counter-increment: rows; /* increment the counter for every tr encountered */ } td:first-child:before { content: counter(rows)". "; /* display the value of the counter */ }
CSS Сгенерированное Содержание позволяет нам вставлять и перемещать содержание вокруг документа. Мы можем использовать это для создания сносок, примечаний, и примечаний раздела, а также счетчиков и строк, которые могут использоваться для под управлением заголовков и нижних колонтитулов, нумерации раздела и списков.
CSS Сгенерированное Содержание позволяет нам вставлять и перемещать содержание вокруг документа. Мы можем использовать это для создания сносок, примечаний, и примечаний раздела, а также счетчиков и строк, которые могут использоваться для под управлением заголовков и нижних колонтитулов, нумерации раздела и списков.
Авторы указывают стиль и местоположение сгенерированного содержания с :before
и :after
псевдоэлементы. Поскольку их имена указывают, :before
и :after
псевдоэлементы указывают местоположение содержания прежде и после содержания дерева документов элемента. content
свойство, в сочетании с этими псевдоэлементами, указывает то, что вставляется.
Например, следующее правило вставляет строку "Примечание": перед содержанием каждого элемента P, атрибут "класса" которого имеет значение "примечание":
p.note:before { content: "Note: "; }
/* Keywords that cannot be combined with other values */ content: normal; content: none; /* <url> value */ content: url("http://www.example.com/test.png"); /* <image> value */ content: linear-gradient(#e66465, #9198e5); /* values below can only be applied to generated content using ::before and ::after */ /* <string> value */ content: "prefix"; /* <counter> values */ content: counter(chapter_counter); content: counters(section_counter, "."); /* attr() value linked to the HTML attribute value */ content: attr(value string); /* Language- and position-dependent keywords */ content: open-quote; content: close-quote; content: no-open-quote; content: no-close-quote; /* Except for normal and none, several values can be used simultaneously */ content: open-quote chapter_counter; /* Global values */ content: inherit; content: initial; content: unset;