1、counters

counters發(fā)音

英：　　美：

counters中文意思翻譯

n.[核][電子]計(jì)數(shù)器；計(jì)數(shù)器組件（counter的復(fù)數(shù)）

v.反擊；抵制（counter的第三人稱(chēng)單數(shù)）

counters雙語(yǔ)使用場(chǎng)景

1、Bean-counters in Austin, the state capital, had come up with sobering projections, but none of these were official estimates.───州首府奧斯汀（Austin）的會(huì)計(jì)師也曾就此給出駭人的預(yù)測(cè)，但都不算官方估值。

2、The reality of life in poor countries has not been changed by the Bank's bean-counters.───貧窮國(guó)家的生活現(xiàn)實(shí)沒(méi)有被世界銀行的統(tǒng)計(jì)人員改變。

3、At least three designs are used for centralized controllers: daisy chain, polling with a global counter, and polling with local counters.───集中式控制器至少有3種方式：菊花鏈?zhǔn)?、帶全局?jì)數(shù)器的輪詢(xún)和帶局部計(jì)數(shù)器的輪詢(xún)。

4、Representations with the counters, counter claims that this phenomenon is not a quality issue, not returns.───與該專(zhuān)柜交涉，專(zhuān)柜卻稱(chēng)這種現(xiàn)象不屬質(zhì)量問(wèn)題，不予退換貨。

5、All of our new brands have been well received by retailers and are already beginning to appear on counters and in display windows in stores.───我們新的品牌，每個(gè)人都收到了零售商，而且已經(jīng)開(kāi)始出現(xiàn)在柜臺(tái)和在商店櫥窗。

6、She scrubbed the counters down with bleach.───她用漂白劑把柜臺(tái)擦洗干凈。

7、young beauty shoppers are often turning to Sephora or Ulta instead of department store beauty counters, Macy's hopes Bluemercury will help strengthen its position in the category.───年輕的美容消費(fèi)者往往轉(zhuǎn)向 Sephora 或 Ulta，而不是百貨公司的美容專(zhuān)柜，梅西百貨希望 Bluemercury 能幫助它鞏固在這一領(lǐng)域的地位。

8、The name of the computer on which the performance counter category and its associated counters exist.───性能計(jì)數(shù)器類(lèi)別及其關(guān)聯(lián)計(jì)數(shù)器所在的計(jì)算機(jī)的名稱(chēng)。

9、These habits have helped companies earn billions of dollars when customers eat snacks or wipe counters almost without thinking, often in response to a carefully designed set of daily cues.───一系列精心設(shè)計(jì)的日常暗示的影響，消費(fèi)者幾乎不假思索地吃著零食，或者擦拭柜臺(tái)，這些行為習(xí)慣已經(jīng)幫助各公司賺取了數(shù)十億美元的收益。

counters相似詞語(yǔ)短語(yǔ)

1、counter-───n.柜臺(tái)；對(duì)立面；計(jì)數(shù)器；（某些棋盤(pán)游戲的）籌碼；vt.反擊，還擊；反向移動(dòng)，對(duì)著干；反駁，回答；vi.逆向移動(dòng)，對(duì)著干；反駁；adj.相反的；adv.反方向地；背道而馳地

2、counterspy───n.反間諜（指反敵方間諜的諜報(bào)人員）

3、countered───n.柜臺(tái)；對(duì)立面；計(jì)數(shù)器；（某些棋盤(pán)游戲的）籌碼；vt.反擊，還擊；反向移動(dòng)，對(duì)著干；反駁，回答；vi.逆向移動(dòng)，對(duì)著干；反駁；adj.相反的；adv.反方向地；背道而馳地

4、countersue───反訴

5、counteracts───vt.抵消；中和；阻礙

6、counter───n.柜臺(tái)；對(duì)立面；計(jì)數(shù)器；（某些棋盤(pán)游戲的）籌碼；vt.反擊，還擊；反向移動(dòng)，對(duì)著干；反駁，回答；vi.逆向移動(dòng)，對(duì)著干；反駁；adj.相反的；adv.反方向地；背道而馳地

7、counterions───n.抗衡離子（counterion的復(fù)數(shù)）

8、counterbase───工作臺(tái)

9、counterbids───還價(jià)

2、css計(jì)數(shù)器（counter）是什么

本篇文章給大家?guī)?lái)的內(nèi)容是介紹css計(jì)數(shù)器（counter）是什么，讓大家簡(jiǎn)單的了解css計(jì)數(shù)器的相關(guān)屬性。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你們有所幫助。

css計(jì)數(shù)器是什么？

計(jì)數(shù)器是css3提供的一個(gè)強(qiáng)大的工具，是一種可以讓我們使用CSS給元素自動(dòng)編號(hào)的方法。使用它可以很方便對(duì)頁(yè)面中的任意元素進(jìn)行計(jì)數(shù)，實(shí)現(xiàn)類(lèi)似于有序列表的功能。但與有序列表相比，css計(jì)數(shù)器可以對(duì)任意元素計(jì)數(shù)，同時(shí)還可以實(shí)現(xiàn)個(gè)性化計(jì)數(shù)。相關(guān)視頻教程推薦：CSS3教程

css計(jì)數(shù)器的相關(guān)屬性

1、counter-reset

counter-reset屬性用于定義和初始化一個(gè)或多個(gè)CSS計(jì)數(shù)器。它可以使用一個(gè)或多個(gè)標(biāo)識(shí)符作為值，該值指定計(jì)數(shù)器的名稱(chēng)。

使用語(yǔ)法：

counter-reset: [ ? ]+ | none | inherit每個(gè)計(jì)數(shù)器名稱(chēng)后面都可以跟一個(gè)可選的值，該值指定計(jì)數(shù)器的初始值。

注意：

1）、關(guān)鍵字none，inherit和initial不能作為計(jì)數(shù)器名稱(chēng)；關(guān)鍵字none，inherit可以作為計(jì)counter-reset屬性的值。

設(shè)置none將取消設(shè)置計(jì)數(shù)器；設(shè)置inherit將從元素的父元素處繼承counter-reset值。該counter-reset屬性的默認(rèn)值為none。

2）、計(jì)數(shù)器的初始值不是計(jì)數(shù)器顯示時(shí)的第一個(gè)數(shù)字/值。

這意味著如果希望計(jì)數(shù)器從1開(kāi)始顯示，則需要將counter-reset中的初始值設(shè)置為零。0是默認(rèn)的初始值，所以如果省略它，默認(rèn)情況下它將重置為零；counter-reset允許使用負(fù)值。因此，如果希望計(jì)數(shù)器從零開(kāi)始顯示，可以將其初始值設(shè)置為-1。

示例：

someSelector{

counter-reset: counterA; /*計(jì)數(shù)器counterA 初始，初始值為0*/

counter-reset: counterA 6; /*計(jì)數(shù)器counterA 初始，初始值為6*/

counter-reset: counterA 4 counterB; /*計(jì)數(shù)器counterA 初始，初始值為4，計(jì)數(shù)器counterB 初始，初始值為0*/

counter-reset: counterA 4 counterB 2; /*計(jì)數(shù)器counterA 初始，初始值為4，計(jì)數(shù)器counterB 初始，初始值為2*/

}2、counter-increment

counter-increment屬性用于指定一個(gè)或多個(gè)CSS計(jì)數(shù)器的增量值。它將一個(gè)或多個(gè)標(biāo)識(shí)符作為值，指定要遞增的計(jì)數(shù)器的名稱(chēng)。

使用語(yǔ)法：

counter-increment: [ ? ]+ | none | inherit每個(gè)計(jì)數(shù)器名稱(chēng)（標(biāo)識(shí)符）后面都可以跟一個(gè)可選值，該值指定對(duì)于我們所編號(hào)的元素每次出現(xiàn)時(shí)，計(jì)數(shù)器需要遞增多少。默認(rèn)增量為1。允許零和負(fù)整數(shù)。如果指定了負(fù)整數(shù)，則計(jì)數(shù)器被遞減。

counter-increment屬性必須和counter-reset屬性配合使用，下面我們來(lái)看看示例：

article { /* 定義和初始化計(jì)數(shù)器 */

counter-reset: section; /* 'section' 是計(jì)數(shù)器的名稱(chēng) */

}

article h2 { /* 每出現(xiàn)一次h2,計(jì)數(shù)器就增加1 */

counter-increment: section; /* 相當(dāng)于計(jì)數(shù)器增量：第1節(jié)； */

}3、counter()函數(shù)

counter()函數(shù)必須和content屬性一起使用，用來(lái)顯示CSS計(jì)數(shù)器。它以CSS計(jì)數(shù)器名稱(chēng)作為參數(shù)，并作為值傳遞給content屬性，而content屬性就會(huì)使用:before偽元素將計(jì)數(shù)器顯示為生成的內(nèi)容。

例：

h2:before {

content: counter(section);

}counter()函數(shù)有兩種形式：counter(name)和counter(name, style)。

name參數(shù)就是要顯示的計(jì)數(shù)器的名稱(chēng)；使用counter-reset屬性就可以指定計(jì)數(shù)器的名稱(chēng)。

style參數(shù)是用來(lái)定義計(jì)數(shù)器的風(fēng)格。默認(rèn)情況下，計(jì)數(shù)器使用十進(jìn)制數(shù)字格式化 ， 也就是說(shuō)，計(jì)數(shù)器會(huì)以數(shù)字的形式生成 內(nèi)容；但其實(shí)，css list-style-type屬性的所有可用樣式也可用于計(jì)數(shù)器。這意味著您可以創(chuàng)建十進(jìn)制數(shù)字計(jì)數(shù)器，顯示為羅馬字符的計(jì)數(shù)器，低字母字符等。以下是所有可能的計(jì)數(shù)器樣式：

disc：實(shí)心圓 樣式

circle：空心圓 樣式

square：實(shí)心方塊 樣式

decimal：阿拉伯?dāng)?shù)字 樣式

lower-roman：小寫(xiě)羅馬數(shù)字 樣式

upper-roman：大寫(xiě)羅馬數(shù)字 樣式

lower-alpha：小寫(xiě)英文字母 樣式

upper-alpha：大寫(xiě)英文字母 樣式

none：不使用項(xiàng)目符號(hào)

armenianl：傳統(tǒng)的亞美尼亞數(shù)字 樣式

cjk-ideographic：淺白的表意數(shù)字 樣式

georgian：傳統(tǒng)的喬治數(shù)字 樣式

lower-greek：基本的希臘小寫(xiě)字母 樣式

hebrew：傳統(tǒng)的希伯萊數(shù)字 樣式

hiragana：日文平假名字符 樣式

hiragana-iroha：日文平假名序號(hào) 樣式

katakana：日文片假名字符 樣式

katakana-iroha：日文片假名序號(hào) 樣式

lower-latin：小寫(xiě)拉丁字母 樣式

upper-latin：大寫(xiě)拉丁字母 樣式

以下是指定使用lower-roman字符顯示計(jì)數(shù)器的示例：

ul li:before {

content: counter(my-counter, lower-roman);

}4、counters()函數(shù)

counters()函數(shù)也必須和content屬性一起使用，用來(lái)顯示CSS計(jì)數(shù)器。和counter(）函數(shù)一樣，counters()函數(shù)也作為值傳遞給content屬性；然后，content屬性在使用:before偽元素將計(jì)數(shù)器顯示為生成的內(nèi)容。

counters()函數(shù)也有兩種形式：counters(name, string)和counters(name, string, style)。

name參數(shù)也是要顯示的計(jì)數(shù)器的名稱(chēng)?？梢允褂胏ounter-reset屬性來(lái)指定計(jì)數(shù)器的名稱(chēng)。

而counters()函數(shù)與counter(）函數(shù)（單數(shù)形式）區(qū)別在于：counters() 函數(shù)可以用于設(shè)置嵌套計(jì)數(shù)器。

嵌套計(jì)數(shù)器是用于為嵌套元素（如嵌套列表）提供自動(dòng)編號(hào)。如果您要將計(jì)數(shù)器應(yīng)用于嵌套列表，則可以對(duì)第一級(jí)項(xiàng)目進(jìn)行編號(hào)，例如，1，2，3等。第二級(jí)列表項(xiàng)目將編號(hào)為1.1，1.2，1.3等。第三級(jí)項(xiàng)目將是1.1.1，1.1.2，1.1.3，1.2.1，1.2.2，1.2.3等。

string參數(shù)用作不同嵌套級(jí)別的數(shù)字之間的分隔符。例如，在'1.1.2'中，點(diǎn)（'.'）用于分隔不同的級(jí)別編號(hào)。如果我們使用該counters()函數(shù)將點(diǎn)指定為分隔符，則它可能如下所示：

content: counters(counterName, ".");如果希望嵌套計(jì)數(shù)器由另一個(gè)字符分隔，例如，如果希望它們顯示為“1-1-2”，則可以使用短劃線而不是點(diǎn)作為字符串值：

content: counters(counterName, "-");和counter(）函數(shù)一樣，style參數(shù)是用來(lái)定義計(jì)數(shù)器的風(fēng)格。默認(rèn)情況下，計(jì)數(shù)器使用十進(jìn)制數(shù)字格式化。具體關(guān)于style參數(shù)的設(shè)置可以參照counter(）函數(shù)的style參數(shù)。

以下是一個(gè)示例，指定嵌套計(jì)數(shù)器將使用lower-roman字符顯示，并使用點(diǎn)作為分隔符：

ul li:before {

content: counters(my-counter, ".", lower-roman);

}css計(jì)數(shù)器（counter）的示例：

Tester

body{

counter-reset: section;

}

h1{

counter-reset: subsection;

}

h1:before{

counter-increment: section;

content: counter(section) ".";

}

h3:before{

counter-increment: subsection;

content: counter(section) "." counter(subsection) " ";

}

css計(jì)數(shù)器教程

css計(jì)數(shù)器

css計(jì)數(shù)器的相關(guān)屬性

示例說(shuō)明

css計(jì)數(shù)器教程

css計(jì)數(shù)器

css計(jì)數(shù)器的相關(guān)屬性

示例說(shuō)明

效果圖：

總結(jié)：