欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解css counter相關(guān)屬性學(xué)習(xí)

  發(fā)布時(shí)間：2018-04-19 16:32:22   作者：andypinet   我要評(píng)論
這篇文章主要介紹了詳解css counter相關(guān)屬性學(xué)習(xí)的相關(guān)資料，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

css counter屬性被幾乎所有瀏覽器（包括IE8）支持， 但是卻不常使用， 這篇文章就帶大家學(xué)習(xí)了解下這些屬性

COUNTER-RESET

明譯為計(jì)數(shù)器重置。形如： counter-reset: counter-name

常見(jiàn)寫(xiě)法為

/* Set counter-name to 0 */
counter-reset: counter-name;

/* Set counter-name to -1 */
counter-reset: counter-name -1;

/* Set counter1 to 1, and counter2 to 4 */
counter-reset: counter1 1 counter2 4;

用于在某個(gè)元素上重置counter

COUNTER-INCREMENT

couter-increment 明譯為計(jì)數(shù)器重置

常用寫(xiě)法為

/* Increment counter-name by 1 */
counter-increment: counter-name;

/* Decrement counter-name by 1 */
counter-increment: counter-name -1;

/* Increment counter1 by 1, and decrement counter2 by 4 */
counter-increment: counter 1 counter2 -4;

在使用 counter-increment 之前 我們必須先使用 counter-reset 在其父元素初始化一個(gè)counter

例如：

// parent element has a counter-reset
// applied to instantiate it
section {
  counter-reset: unicornCounter;
}

// specify the child element being counted
section h1 {
  counter-increment: unicornCounter;
}

在上面的代碼里 section的每一個(gè)h1元素 將會(huì)被設(shè)置counted值1

css語(yǔ)法規(guī)則

COUNTER-RESET 和 COUNTER-INCREMENT 的語(yǔ)法類(lèi)似

第一位 <custom-ident> 表示具體counter標(biāo)識(shí)

可以是a-z 0-9 _ - 組合的單詞 但不能是關(guān)鍵字none, unset, initial, or inherit

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論