1、counters

counters發(fā)音

英：　　美：

counters中文意思翻譯

n.[核][電子]計數器；計數器組件（counter的復數）

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

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.───州首府奧斯?。ˋustin）的會(huì )計師也曾就此給出駭人的預測，但都不算官方估值。

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

3、At least three designs are used for centralized controllers: daisy chain, polling with a global counter, and polling with local counters.───集中式控制器至少有3種方式：菊花鏈式、帶全局計數器的輪詢(xún)和帶局部計數器的輪詢(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)這種現象不屬質(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)始出現在柜臺和在商店櫥窗。

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

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.───年輕的美容消費者往往轉向 Sephora 或 Ulta，而不是百貨公司的美容專(zhuān)柜，梅西百貨希望 Bluemercury 能幫助它鞏固在這一領(lǐng)域的地位。

8、The name of the computer on which the performance counter category and its associated counters exist.───性能計數器類(lèi)別及其關(guān)聯(lián)計數器所在的計算機的名稱(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.───一系列精心設計的日常暗示的影響，消費者幾乎不假思索地吃著(zhù)零食，或者擦拭柜臺，這些行為習慣已經(jīng)幫助各公司賺取了數十億美元的收益。

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

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

2、counterspy───n.反間諜（指反敵方間諜的諜報人員）

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

4、countersue───反訴

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

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

7、counterions───n.抗衡離子（counterion的復數）

8、counterbase───工作臺

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

2、css計數器（counter）是什么

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

css計數器是什么？

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

css計數器的相關(guān)屬性

1、counter-reset

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

使用語(yǔ)法：

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

注意：

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

設置none將取消設置計數器；設置inherit將從元素的父元素處繼承counter-reset值。該counter-reset屬性的默認值為none。

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

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

示例：

someSelector{

counter-reset: counterA; /*計數器counterA 初始，初始值為0*/

counter-reset: counterA 6; /*計數器counterA 初始，初始值為6*/

counter-reset: counterA 4 counterB; /*計數器counterA 初始，初始值為4，計數器counterB 初始，初始值為0*/

counter-reset: counterA 4 counterB 2; /*計數器counterA 初始，初始值為4，計數器counterB 初始，初始值為2*/

}2、counter-increment

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

使用語(yǔ)法：

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

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

article { /* 定義和初始化計數器 */

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

}

article h2 { /* 每出現一次h2,計數器就增加1 */

counter-increment: section; /* 相當于計數器增量：第1節； */

}3、counter()函數

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

例：

h2:before {

content: counter(section);

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

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

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

disc：實(shí)心圓 樣式

circle：空心圓 樣式

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

decimal：阿拉伯數字 樣式

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

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

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

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

none：不使用項目符號

armenianl：傳統的亞美尼亞數字 樣式

cjk-ideographic：淺白的表意數字 樣式

georgian：傳統的喬治數字 樣式

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

hebrew：傳統的希伯萊數字 樣式

hiragana：日文平假名字符 樣式

hiragana-iroha：日文平假名序號 樣式

katakana：日文片假名字符 樣式

katakana-iroha：日文片假名序號 樣式

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

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

以下是指定使用lower-roman字符顯示計數器的示例：

ul li:before {

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

}4、counters()函數

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

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

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

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

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

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

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

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

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

ul li:before {

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

}css計數器（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計數器教程

css計數器

css計數器的相關(guān)屬性

示例說(shuō)明

css計數器教程

css計數器

css計數器的相關(guān)屬性

示例說(shuō)明

效果圖：

總結：